Modules

Modules are present within a Column. Columns can have any number of modules. The Modules are added one below the other within a Column. In this article, you will find the details about how to Add, Edit, Delete, Duplicate, and Rearrange a Module.

Add a Module

FROM RIGHT PANEL - 
A ‘+’ icon will appear on Top and Bottom of any module as you hover around the region. Click on this icon to add a module in the Page. 

FROM CONTEXT MENU - 
Right Click on the respective Module and click on the Add Module option in the Context Menu.

IN AN EMPTY COLUMN - 
Clicking on an empty column on the Right panel will have a plus symbol(+)  from which a module can be added to the page.

FROM TREE VIEW - 
Go to Tree View and Click on the ADD MODULE button available inside the column. This option will add the new module to the column.

Edit a Module

Click on the respective module on the Right panel. The editor fields of the module will open up on the Left Panel. Any change you make will be visible on the Right panel. 

Delete a Module

Below are various methods in which you can delete a Module.

FROM CONTEXT MENU - 
Right Click on the respective Module and click on the Delete option in the Context Menu.

USING OBSERVER - 
Clicking on an existing module will open up the Observer in the Top Left corner. Click on the Delete icon. 

USING TREE VIEW -  
Click on any module on the right panel and click the Tree View Icon. Navigate to the respective MODULE from the Tree view and choose the DELETE option to delete the module.

Duplicate a Module

Below are various methods in which you can duplicate a Module.

FROM CONTEXT MENU - 
Right Click on the respective Module and click on the Duplicate option in the Context Menu.

USING OBSERVER  -
Clicking on an existing module will open up the Observer in the Top Left corner. Click on the Duplicate icon

USING TREE VIEW -
Click on any module on the right panel and click the Tree View Icon. Navigate to the respective MODULE from the Tree view and choose the DUPLICATE option to duplicate the module.

Rearrange a Module

Below are various methods in which you can rearrange a Module.

RIGHT PANEL - 
Clicking on the module in the Right Panel will open the Observer. Click on the Drag Handle in the Observer and to Drop the Module within a different Column, Row, or Section. While dragging a module, a Blue border will be visible on all possible Drop Targets as you move.

LEFT PANEL –
Navigate to the Tree View and Click on the respective Module. The modules can be rearranged to different containers here.