Previewing the XUI

The XUI preview simulates the runtime of the current edited XUI file. Both the appearance and the behavior of the file are the same as that in the actual runtime environment. Perform the following steps to get the overall understanding of this function:

  1. Create a plug-in project in RAD/WID, and add the plug-ins com.ibm.btt.core and com.ibm.btt.rcp.xui plug-ins in the Dependencies of the MANIFEST.MF. See the following figure.
    Screen capture shows the result after adding the two plug-ins
  2. Put some widgets on the design panel, and edit the property for the widget. See the following figure for example.
    Screen capture shows a designed XUI file
  3. Right click the XUI file name in the navigation tree and select Run As > XUI Previewer as shown in the following figure.
    Screen capture shows how to run the XUI previewer
Tip: You can also do this by performing one of the following procedures as shown in the following figure:
  • Click Run > Run As > XUI Previewer on the RAD/WID toolbar.
  • Click the green arrow on the toolbar.
Screen capture shows another way to preview the XUI file

The runtime client application is started and work as the function definition. Besides, the execution output information is displayed in the Console view. See the following figure for example.

Screen capture shows an example of the XUI perviewer