Make instant adjustments to your user interface in the Live UI tool. The Live UI tool
gives you detailed insight into the structure of your application's UI, and helps you add,
move, and delete components, such as layouts and controls, directly at run time.
Note: Depending on the component that you select, the available actions might change. For
example, you can place controls inside layouts, but not above or below them.
Launch the application that you want to edit, and then navigate to the target
In the footer of your application, click the Live UI icon.Result: A collapsible Live UI pane opens on the right side of the screen. Every item on
the screen corresponds with a record on the list.
Hover over and click the UI element that you want to adjust.Result: The Live UI pane on the right side of the screen highlights the record for the
element that you select. You can now inspect how the component fits into the structure of
Next to the highlighted record, click the See available actions
icon, and then, in the dialog box, edit the selected area:
Change the configuration of a control
Click Properties, and then configure the control.
Insert an element next to a control
Depending on where you want to place the UI element, click
Before or After.
On the tabs of the selection menu, click the control or layout that you want
Configure the UI element.
Insert an element inside a layout
On the tabs of the selection menu, find the control or layout that you want
to use, and then click it.