Action Toolbar

The Action toolbar contains a set of commands to perform actions, such as zoom in, zoom out, control hierarchy, and undo and redo.

Zoom in and Zoom out

By default, the form is displayed 100%. You can use the following buttons to zoom in and out of a form.

: Zooms out of a form for a broader view.
: Zooms in on a form for a close-up view.

Undo and redo

You can undo/redo changes within a form using the Undo  or Redo  icons on the Action bar. You can undo/redo a maximum of 30 updates, such as typing or design changes. The undo/redo list is cleared when an update is made on any area outside the Design tab.

You can undo or redo the following changes in a form:

Form property changes
Control property changes
Canvas changes, such as adding controls, deleting controls, adding actions, and more

Control hierarchy

In the Control hierarchy panel, all form elements, such as the cells, rows, columns, and form controls are displayed in a tree.

You can perform the following actions in the Control hierarchy panel.

Minimize the Control hierarchy panel	Click  or click the Control hierarchy panel.
Restore the Control hierarchy panel	Click  or click the Control hierarchy panel.
Increase or decrease the Control hierarchy panel area	Drag the splitter  to right or left.
Find a from element	In the Find box, enter the form element name. The element is highlighted in the tree and canvas if exists.
Navigate through the form elements and view properties	Select an element in the tree to view its properties. Use the Up and Down key to navigate through the form elements in the tree. In the tree, each form element type is identified by its icon.
Delete a form element from the tree	Select the element in the tree and click . The element is deleted from the tree and canvas.
Move a form element	Select the form element in the tree and drag it onto the required node. The corresponding element moves in the canvas. You can move multiple form elements at once. You can move an element to another cell, and a cell to another row only. Moving a container element, such as a tab control, moves all its containing elements. If a column contains only one container element, it cannot be moved to another column.
Expand or collapse form elements	When multiple form elements are configured as parent-child, you can expand or collapse the elements by clicking  (Expand) or  (Collapse) next to the parent element. By default, all elements are expanded.