Previewing the XUI

About this task

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. To preview the XUI, you need to do the following steps:

  1. Create a plug-in project in RAD, and add the plug-ins com.ibm.btt.core and com.ibm.btt.rcp.xui in the Dependencies of the MANIFEST.MF, as shown in the following screen capture.
    Screen capture showing the result after adding the two plug-ins
  2. Put some widgets in the design panel, and edit the property for the widgets, as shown in the following screen capture:
    Screen capture showing a designed XUI file
  3. Right-click the XUI file name in the Package Explorer view and select Run As > XUI Previewer as shown in the following screen capture:
    Screen capture showing 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:
  • SelectRun > Run As > XUI Previewer on the RAD toolbar.
  • Click the green arrows on the toolbar.
Screen capture showing how to preview the XUI file

The runtime client application is started and works as the function definition. Besides, the execution output information is displayed in the Console view. The following screen capture is an example of XUI Previewer.

Screen capture showing an example of the XUI perviewer