Creating page state

About this task

A page state is a state that is bound to a page, and it is used to gather information through a page that has been created with the XUI editor. Widgets such as the link or button widget are used to navigate from a page state to another state in the flow. To navigate to other states from a page state, you must bind the widgets to an event.

The procedure in this topic describes how to create a page state by dragging the Page state icon The page state icon. from the Palette pane to the Transaction editor. However, if the XUI file that you want to use as a Page state has already been created, you can drag the XUI file from the Project Explorer pane to the Processor tab of the Transaction editor as shown in Figure 1. All the properties and events of the XUI file are copied to the Page state, and the name of the XUI file is displayed on the label of the Page state.
Figure 1. Creating a Page state by dragging an XUI file into the Transaction editor

Procedure

To create a page state, do the following steps:

  1. In the Project Explorer pane, double-click the transaction file that you want to edit.
  2. In the Transaction editor, click the Flow tab.
  3. In the Palette pane, click Page.
  4. In the Flow tab of the Transaction editor, click the area on which you want to place the Page state icon The page state icon.. If you want to change the location of the Page state icon in the Flow tab, drag and drop the Page state icon to the desired location.
  5. Bind an XUI page to the Page state.
    1. Click the Page state icon in the Flow tab.
    2. In the Properties tab of the Page state, click the General tab.
    3. In the Page field of the General tab, click the Browse icon The Browse icon. The Select Page window displays.
    4. In the Select Page window, select the JSP file that you want to be displayed in the browser for the page state that you are configuring. Click OK.
  6. In the Events panel of the General tab, click the Add icon to add an event to the page state so that the next state in the transaction flow can be navigated to.