Sections

Your page will basically comprise a set of Sections that hold the Row, Column and Modules within it. In this article, you will find the details about how to Add, Edit, Delete, Duplicate, and Rearrange a Section. 

Add a Section

FROM TREE VIEW –
Go to Tree View and Click on ADD SECTION button. This option will add the new Section as the last section of the Page.

FROM CONTEXT MENU –
Right Click on any module on the right panel, and click on Add Section option to add a new Section right after the section that you are working on.

USING THE “+” ICON IN RIGHT PANEL –
Hover over the bottom or top of any existing section and you will see a ‘+’ icon that pops up. Clicking on this will add a new Section on top/bottom of the Section that you are working on. 

FROM THE RIGHT PANEL -
In the Right panel, you can see a Blank section option with a + sign. Clicking on this will add a new section on the bottom of the Section that you are working on.

Edit a Section 

Any change you make will be reflected in the respective section in the Right panel. You can change the Background Color, Image, Padding etc. All the settings of a Section are explained in detail in this article on Section.

USING RIGHT PANEL – 
To edit an existing Section, simply click on the Section in the Right Panel. The List of settings will be displayed on the Left Panel.

FROM TREE VIEW – 
Double Click on the Section from the Tree View to have the settings of that section open up. Clicking the Section Panel from Tree View once will scroll the page on right to that particular section. 

FROM CONTEXT MENU - 
You can also edit the Section by using the Edit Option in the Menu present in the Context Menu

FROM BREADCRUMB BAR - 
Click on any module on the right panel, and use the Breadcrumb bar to navigate to the respective section and edit the section settings.

Delete a Section

FROM TREE VIEW –
Click on the menu icon in the Section Panel to delete any section.

FROM CONTEXT MENU –
Right-Click on an existing Section to use the Delete option in the Context Menu to delete the Section.

USING THE OBSERVER / LEFT PANEL –
Click on an existing Section in the right panel and you will be able to see the Observer popup at the top right corner. Click on the Delete Icon here to delete the Section. Alternatively, you can choose the DELETE option in the Left Panel to delete the Section.

Duplicate a Section

FROM TREE VIEW - 
Click on the menu icon in the Section Panel to duplicate any section.

FROM CONTEXT MENU -
Right-click on an existing Section to use the Duplicate option in the Context Menu to duplicate the Section.

USING THE OBSERVER -
Click on an existing Section in the right panel and you will be able to see the Observer popup at the top right corner. Click on the Duplicate Icon here to duplicate the Section.

Rearrange a Section

To rearrange a Section, navigate to the Tree View in the Left Panel. Drag the Section panel and Drop at the desired location. The right panel will automatically scroll to the new location of the section.