A JSP page/popup page state is a state that is bound to a JSP or HTML page. JSP Page state and Popup page shares the same procedures of creation. Thus the following steps takes JSP Page state as an example.
1 In the Project Explorer, double-click the transaction file that you want to edit.
The transaction file opens in the Flow editor.
2 Click the JSP Page state in the Palette, and then click the position where you want to place the state icon in the Editing area.
The following figure displays the JSP Page and Popup JSP Page state icons in the Flow editor. If you want to change the location of the state icon, drag and drop it to the desired location.
3 Define the properties in the General tab.
▪ In the Page field, click the Browse icon .
The Selector opens.
▪ In the Selector, select the JSP file to be displayed in the browser, and then click OK.
▪ In the Name field, input a valid state name.
4 You can set its appearance, or leave them blank as the default setting.
▪ Size: Width and Height (in pixel)
Notes
▪ Set the page's size larger than its root container's size (panel). Otherwise, the generated view would have display problems.
▪ Set the width larger than 100px and height larger than 50px. Otherwise, it will be the default setting: "auto". Notice: The default size "auto" is parsed by web browsers, so different browsers may has different display results.
The recommended otherwise it will be set as default size: "auto".
▪ Position: Top and Left (in pixel)
▪ Closable: two options
▪ False: the popup page has no close button.
▪ True: the popup page has close button. Users must define a "close" event transition on the popup state to give UDTT flow a direction; otherwise it will fail the validation and cause runtime problems.
.
