Layers Panel

The Layers tab allows you to select, arrange, remove, hide/display, and lock your layers. Additionally, you can access various menus related to the layer, such as states, actions, and custom settings.

Each layer has static and dynamic button sets. The 'Lock' and 'Display' buttons belong to the static button set and will be revealed once you hover over the layer. The 'Reset Styles', 'States Settings', and 'Action' buttons belong to the dynamic set. They appear only when the corresponding configurations have been applied and disappear when they are discarded.

Let’s explore what these buttons do:

• Display/Hide: This button hides and unhides the layer.
• Lock: The lock button locks/unlocks all of the layer’s attributes, such as content, position, and styling.
• Action: This button appears when any action has been applied to the layer and opens the Actions panel when clicked.
• State Settings: This button appears when any state (hover state, pre state, custom state) has been applied to the layer and opens the States panel when clicked.
• Reset Styles: This button appears when any mobile customization has been applied to the layer. You will be prompted to reset the mobile customization for this layer by clicking on this button.

What is Backdrop?

The backdrop is essentially the canvas on which all the elements of the page are displayed. It refers to the background area behind the main content of the page. The backdrop can include a solid color, a gradient, an image. The backdrop provides the visual context against which the elements on the page are presented.

How do you change the order of widgets in the Layers panel?

The Layers panel allows you to reorder widgets and place them inside containers if necessary by simply dragging the desired widget/container and dropping it into the desired position.