1 Add a Row

With these controls, you can add a row with predefined columns in your page.

2 Edit Source Code

Click on this button to view the source code of the page and edit the same.

3 Preview

Allows you to preview the page in Desktop, Tablet and Mobile mode. To change the view mode, click the ” Desktop” button and select the mode as needed.

4 Move the Row

Use this to move the row to a desired place.

5 Customize Row Style

Lets you customize the row style. By clicking this control, you may add your own style class in the source code.

6 Add a Column

Use this to a column in the row.

7 Delete Row

Lets you delete the row.

8 Move Column

Use this to move the column from one place to another.

9 Increase/ Decrease Width of Column

The option lets you adjust the width controls of the column. You may decrease the width of the column by clicking “-” and increase the width with “+”.

10 Customize Column Style

Use this to customize the column styles. By clicking this control, you may add your own style class in the source code.

11 Delete Column

Deletes the column.

12 Add  Columns

You can add a column inside the column.