Creating Page/Popup Page state

About this task

A page/popup 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. Page state and Popup page state shares the same procedures of creation. Thus the following steps takes Page state as an example.

Procedure

  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. Click page The page state icon. in the Palette and then click the position where you want to place the state icon in the Flow editor area. If you want to change the location of the state icon, drag and drop it to the desired location.
  4. Define the required properties.
    1. In the Page field of the General tab, click the Browse icon The Browse icon. The Selector opens.
    2. In the Selector, select the JSP file that you want to be displayed in the browser for the page state that you are configuring and then click OK.
    3. In the Name field, input a valid state name.
  5. Alternatively, if the XUI file that you want to use as a Page state is in the same project or on the multi-project environment, you can drag the XUI file from the Project Explorer to the Flow editor area.
    Figure 1. Creating a Page state by dragging an XUI file into the Transaction editor
  6. Select Page in the popup selection windows.