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.

Video Needs to be added here


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.

Video Needs to be added here


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.


Video Needs to be added here

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.

Video Needs to be added here

Did this answer your question?