Each page is composed using a collection of controls and these controls may be of different types. These include groups, repeats and fields. A group represents a collection of elements that should be shown together on the page. For example, a customer details page may have a group for the address details (House number, road name, etc.). A repeat is used to specify that the contained components can occur a number of times on the page based on the data from which the page is constructed. A field represents one piece of data on the page and can be created using any of the Standard Controls from the page structure palette. A page can also contain custom components where complex content is required. The content of theses can be edited using the Field Details tab.
The Field Details tab shows a representation of the page structure on the left hand side and the main page content on the right. The structure is shown in a treeview representation similar to that used in the standard Windows file explorer application, with the name of each component displayed. This makes the nested structure of the page easy to understand, and shows which elements are contained by group and repeat components. The width of these panes can be changed by dragging the divider across if needed. Group and repeat elements are further identified by the G and R letters and different background colouring.
Clicking on any name in the treeview will show additional details for that element on the right hand side. Also, the element for which the details are currently being shown is highlighted in the treeview.
The View Scripts and View CSS links at the top right of this screen provide easy access to view and edit the CSS or script files that are applied to this page. Clicking on a file name will open the selected file in an separate window to be easily edited. If you wish to add an additional file, then you will need to use the Application Map tab.
This screen also contains three buttons at the bottom: Save, Cancel and Cancel All. The Save button will save the changes made to any of the components since the last call to the server. The Cancel button will undo the changes made to the currently shown component since the last call to the server. Finally, the Cancel All button will undo all changes made to any component since the last call to the server.