Work Area
The work area is used to view and edit container/component layout during UI design. This is the main part of UI Builder window.
The work area always displays the core container of a dashboard - its root panel. If it contains any child components or containers, the entire hierarchy is shown in the work form. In other words, dashboard in the work area closely resembles what it'll look like in a life application.
You can drag new components from palette and drop them on the work form, move components within current container or to other containers, resize components, create new bindings, etc. See Editing component layout for details.
Components in UI Builder look similar to what they'll look like in a running application, with some differences:
Live server-side data is not displayed in most cases.
Most user input is ignored.
All containers have decorations showing their titles and editing helpers.
Cell grid in a Grid Layout and helper grid in Absolute Layout are visible.
Context Menu
Right-click on a component within the work area will bring up a context menu with the following items:
Components. Sub-items of this menu item allow to select one of the underlying components (e.g. a clicked component/container and any of its higher-level containers)
Clone. This item makes a copy of the component. Any bindings that refer only to the cloned component will be copied as well, with updated references to the new copy of the component. Other bindings will not be cloned.
Was this page helpful?