Rows

A Section can hold multiple Rows. Rows contain the Columns. Rows are by default wrapped to the width of the container. However, you have the option to enable Full Width on a specific Row. In this article, you will find the details about how to Add, Edit, Delete, Duplicate, and Rearrange a Row.

Add a Row 

FROM CONTEXT MENU - 
Right Click on any module on the right panel and click on Add Row option to add a new Row right after the row that you are working on.

FROM TREE VIEW - 
Go to Tree View in the left panel. The selected Row / Module will be highlighted in the Tree View. Use the ADD ROW button in the tree view to add new rows.

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 Row to the Section that you are working on. You can add as many rows as needed.

Edit a Row

FROM OBSERVER – 
Click on any module on the right panel, and use the Observer to navigate to the respective Row. Then, click on the Style icon in the left panel to edit the Row’s settings.

FROM BREADCRUMB BAR – 
Click on any module on the right panel, and use the Breadcrumb bar to navigate to the respective Row. Then, click on the Style icon in the left panel to edit the Row’s settings.

FROM TREE VIEW – 
Click on any module on the right panel and click the Tree View Icon. Navigate to the respective Row from the Tree view and “Double Click” to edit the Row settings.

FROM RIGHT PANEL -
Hover on the row and you will find a row layout icon in the left top corner, click on it and you can edit the row from the left panel.

TIP:

Row Wrapping and Padding
Select a row from the right panel. You will find options in the observer to wrap the row and change the row padding. You can also change the wrapping from the left panel under the style tab.

Delete a Row 

USING THE OBSERVER – 
Click on any module on the right panel, and use the Observer to navigate to the respective Row. Then, click on the DELETE button in the left panel to delete the Row. Alternatively, select the Row option and click the delete button available in the observer.

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

Duplicate a Row 

USING THE OBSERVER – 
Click on any module on the right panel, and use the Observer to navigate to the respective Row. Click the Duplicate symbol present in the observer. Alternatively, you can click on the DUPLICATE button in the left panel to delete the Row.

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

Rearrange a Row 

To rearrange a Row, navigate to the Tree View in the Left Panel. Open the Section that contains the Row and Drag the Row panel and Drop at the desired location. You can also drop Row from one Section to a different one. The right panel will automatically scroll to the new location of the section.