The Property Panel contains and allows you to edit all available properties for the Page, Block, Containers, and Elements.

property-panel.png

Buttons

On the Property Panel, some critical operations are presented as Buttons. For example, you can use the Reset Responsive and Delete Block buttons for the selected Block.

property-panel-button.png

Sections

The Property Panel section reflects a particular property of the selected Element.

property-panel-sections.png

Properties

You can fine-tune Containers and Elements with the Properties, which cover all supported values and options.

Positioning Property

The Positioning property for Elements shows the main coordinates.

positioning.png

You can set the additional values in the Options if needed.

positioning-options.png

Shape Styles

You can use the Shape Styles presented more compactly.

shape-styles.gif

Background Fill

The Background Fill allows you to add and remove the Fill easily.

background.gif

Border

Similarly, you can add and modify the Border Property more intuitively.

border.gif

Transparency

The same approach is applied to the Transparency Property.

transparency.gif

Shadow

Also, you can apply the Shadow Property.

shadow.png

Icon Styles and Preview

You can use the Styles for the Icon Element and see its Preview.

icon-styles-preview.png

The Property Panel contains and allows you to edit all available properties for the Page, Block, Containers, and Elements. !property-panel.png! ## Buttons On the Property Panel, some critical operations are presented as Buttons. For example, you can use the [Reset Responsive](page:36215) and [Delete Block](page:304362) buttons for the selected Block. !property-panel-button.png! ## Sections The Property Panel section reflects a particular property of the selected Element. !property-panel-sections.png! ## Properties You can fine-tune Containers and Elements with the Properties, which cover all supported values and options. ### Positioning Property The Positioning property for Elements shows the main coordinates. !positioning.png! You can set the additional values in the Options if needed. !positioning-options.png! ### Shape Styles You can use the Shape Styles presented more compactly. !shape-styles.gif! ### Background Fill The Background Fill allows you to add and remove the Fill easily. !background.gif! ### Border Similarly, you can add and modify the Border Property more intuitively. !border.gif! ### Transparency The same approach is applied to the Transparency Property. !transparency.gif! ### Shadow Also, you can apply the Shadow Property. !shadow.png! ## Icon Styles and Preview You can use the Styles for the Icon Element and see its Preview. !icon-styles-preview.png! ##