Drag and drop elements

Drag and drop elements

Element settings

Each element includes specific settings which define the content and behavior. To access an Element's settings:

1. Click the + button on the Layout canvas to open the Sidebar browser
2. Drag an Element onto the Layout canvas
3. Double click on the Element to open its settings in the Sidebar editor. For more information, see Using the layout canvas.

Accessing all of an element's settings

Only common settings are shown by default to simplify the user interface. To access additional settings:

1. Click on the Properties button
2. Click on the specific properties to add them to the Element settings form.

Settings shared by multiple elements

There are additional settings shared by all Elements (with a small number of exceptions). These settings are generic and are useful to all Elements. The include:

• Styles - Apply styles to the Element using the Style builder. See Applying styles to elements
• Animate on view - Animate the Element into view as the user scrolls the page. See Adding on-view animations
• Markup - Add additional markup including Classes, ID's and Attributes. See Adding markup to an element
• SEO - Add schema micro data for search engines. See Adding schema meta-data for search engines
• Analytics - Add event triggers for Google Analytics. See Adding event triggers for Google Analytics
• Context visibility - Set the visibility of an Element based on a condition being true or false. See Context based visibility of elements.

To access an Element's shared settings:

1. Click on the Styles tab at the top of the Element to access the Styles
2. Click on the ...ellipsis menu and click on a menu item to access the settings

Element settings

Each element includes specific settings which define the content and behavior. To access an Element's settings:

1. Click the + button on the Layout canvas to open the Sidebar browser
2. Drag an Element onto the Layout canvas
3. Double click on the Element to open its settings in the Sidebar editor. For more information, see Using the layout canvas.

Accessing all of an element's settings

Only common settings are shown by default to simplify the user interface. To access additional settings:

1. Click on the Properties button
2. Click on the specific properties to add them to the Element settings form.

Settings shared by multiple elements

There are additional settings shared by all Elements (with a small number of exceptions). These settings are generic and are useful to all Elements. The include:

• Styles - Apply styles to the Element using the Style builder. See Applying styles to elements
• Animate on view - Animate the Element into view as the user scrolls the page. See Adding on-view animations
• Markup - Add additional markup including Classes, ID's and Attributes. See Adding markup to an element
• SEO - Add schema micro data for search engines. See Adding schema meta-data for search engines
• Analytics - Add event triggers for Google Analytics. See Adding event triggers for Google Analytics
• Context visibility - Set the visibility of an Element based on a condition being true or false. See Context based visibility of elements.

To access an Element's shared settings:

1. Click on the Styles tab at the top of the Element to access the Styles
2. Click on the ...ellipsis menu and click on a menu item to access the settings