You can view the source codes of the WYSWYG design panel and the code modification can be directly displayed in the design panel. The XML code in the source viewer is formatted in a good manner. On the design panel, there are two views, Design view and Source view as shown in the following figure.
Design view is for the widget WYSWYG design, and the Source view is for viewing or editing the source code of the XUI file. Perform the following steps to get the overall understanding of this function: