← BACK

This scrollable panel is located in the top-left corner of your workspace. By default, it displays all elements, including image assets, in the current scene in the order they were added. 

Important: The order of the layers matters, especially inside container elements, as elements at the bottom of the list will appear on top of the layers above them during the demo. For details, see Elements and Layers.

To see the properties of an individual layer, click the layer, and the Properties panel updates accordingly. Also, the type of the selected element will be highlighted in the Elements panel.

Tip: To re-order the layers, select the Show All checkbox and then drag the layers in the list as needed.

Show All

Select to see the list of all layers in the project. They appear in the order they were added.

The layers in the currently selected scene are displayed as visible .

The layers from the other scenes are displayed as invisible

To see where an invisible layer is located on the screen in Canvas View or to add it to the currently selected scene, click the Show/Hide icon next to it.

Add/Remove

This icon is automatically selected when you add a layer to the scene. It is often used as a “bookmark” reference for the layer, for example, when you want to see the layer in the Layers list for other scenes, but not necessarily appear on the canvas in those scenes.

To bookmark a layer, select the Show All checkbox and click this icon next to the layer you want to be pinned to the current scene. Then clear the Show All checkbox. A reference to the selected layer is now added to the scene.

To make the layer appear on the canvas, click the Show icon. 

To remove an invisible referenced layer from the list, click the Add/Remove icon. If the layer is set as visible on the canvas, it will remain in the list unless you click the Show/Hide icon.

Show/Hide

Click to hide an element from the current scene or to make a hidden element or an element defined for another scene appear in the currently selected scene, for example, to make a call-to-action button appear in all scenes throughout the demo.

Duplicate

Click to make a copy of the element and all of its properties or nested elements in case of containers.

By default, the duplicated layer has the same name as the original with a copy number in parentheses. Use the Properties panel to rename it.

Tip: You can also use keyboard shortcuts to copy (Command+C) or cut (Command+X) selected single or multiple (Shift+click) layers on the canvas and paste (Command+V) them to the same location with the same properties in another scene.

Delete

Click to delete the corresponding layer.

To delete multiple layers, use Shift+click to select them and press Delete. 

Container Arrow

Expands and collapses the Container element menu allowing you to add, view, and delete the nested elements inside it. For details, see Containers and  Add Buttons and URLs.

Important: The elements in the menu are shown in reverse order on the screen, that is, the element at the bottom of the menu will be the top, frontmost layer on the screen. For details, see Elements and Layers.

Updated May 29, 2019
Tags: