
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.