Viewing the XUI file source

You can view the source codes of the WYSWYG design panel and the code modification can be directly displayed in the design panel. In the design panel, there are two views, Design view and Source view, as shown in the following screen capture.

Screen capture showing the Design panel

Design view is for the widget WYSWYG design, and the Source view is for viewing or editing the source code of the XUI file. To view the XUI source file code, you need to do the following steps:

  1. In the design panel, click the Source tab to check the corresponding code. The following screen capture shows the source code.
    Screen capture showing the source code
  2. Open the XUI file with the Text Editor and compare the code with the code generated in the previous step. They should be the same.
  3. Modify the source code directly in the Source view according to the XML criterion. The changes take effect in the Design view of design panel.