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.
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: