...
- Project Structure Tree
The Project Structure tree displays the hierarchy of nodes in the Project. It is also the primary working space where Controls can be added to the Project by right-clicking and using the context menu. - Properties Area
As Nodes are selected from the tree, their properties are displayed in the Properties area. From here the properties can be edited. - Fields Area
The Fields make up the data model of the App. Controls can be 'bound' to these fields.
In the below example, the Text Control with Id "Textid" is bound/linked to the Field "Text_Variable". The value that "Text_Variable" has will be rendered in the Text Control with Id "Textid".
Fields can be added manually to the Fields Area, and Fields will be automatically added to this area if they are set in the Properties area when editing the 'Bound Field' property - Preview Area
A preview of the App is displayed in this Area. The preview will update when the Project is saved, and/or it will update immediately after each edit if Live View mode is used.
...