The element property editor

The element property editor is where you configure an element’s settings and behavior. To show the property editor, select an element. Changes made in the property editor apply only to that specific element instance.

Element property editor tabs and sections

The property editor consists of three tabs:

The property editor is divided into three tabs: Visual, Interaction and Conditional.

Each tab is divided into a number of sections, each of which can be opened and closed to navigate the property editor efficiently. Most elements contain a core set of sections:

Note: The sections available in the property editor vary by element type. Not all sections listed below appear for every element.

Tab	Description
Visual	The Visual tab contains properties that control how elements look and behave in your app's layout. Properties are listed in each element type under Element properties.
Interaction	The Interaction tab contains properties that control how the element responds to user input, as well as element-specific options. Properties are listed in each element type under Element properties.
Conditional	The Conditional tab contains all the conditionals tied to the selected element. You can read more about conditionals here.

Resizing the property editor

The property editor is fixed to the right side of the viewport. You can adjust its width by clicking and dragging its left edge, between a minimum of 275 pixels and a maximum of 500 pixels.

Editing multiple elements

You can select more than one element to edit their properties in bulk. Note that not all properties can be edited this way. To select more than one element, click and drag on the editor tab canvas, or select one by one by holding shift and clicking one element at a time.

The element property editor will only show the tabs and properties that are available for batch editing.

Element properties

For a list of all elements and their properties, see the article below:

Reference: Element properties