1 Add a Row

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

2 Edit Source Code

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

3 Preview

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

4 Move the Row

Moves the row to a desired place.

5 Customize Row Style

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

6 Add a Column

Adds a column in the row.

7 Delete Row

Deletes the row.

8 Move Column

To move the column from one place to another.

9 Increase/ Decrease Width of Column

These are 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

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

Adds a column inside the column.

  • Was this article Helpful ?
  • Yes   No