TablesFollow

To add a table to your website, hover on an area of your block and click the green plus sign (Add element) to launch the Elements menu.

addelement_bullet.jpg

Go to Extras and select the table element. you have the choice between Table - Title Top, Table - Title Left and Table - Title Right

table_element.jpg

Once your table is in place, mouseover until the entire table is highlighted in blue and click to launch the settings menu in the upper-left.

table_highlight.jpg

Columns

To add a new table column, click the Add Column button from the settings menu.

table_addcolumn.jpg

Choose a drop point (green plus sign) to insert your new column. 

table_insertcolumn.jpg

To resize a column, hover on a border and drag the blue handle left and right to adjust column width. 

table_resizecolumn.jpg

To move a column, hover on the bottom of the column and click Move Column. Choose a drop point (green plus sign) to insert your column. 

table_movecolumn.jpg

To delete a column, hover on the bottom of the column and click Delete Column

table_deletecolumn.jpg

NOTE: Title columns cannot be deleted in this manner but they can be hidden under the Table Style option.

Rows

To add a new table row, click the Add Row button from the settings menu.

table_addrow.jpg

Choose a drop point (green plus sign) to insert your new row. 

table_insertrow.jpg

To move a row, hover on the right of the row and click Move Row. Choose a drop point (green plus sign) to insert your row.

table_moverow.jpg

To delete a row, hover on the right of the row and click Delete Row.

table_deleterow.jpg

NOTE: Title rows cannot be deleted in this manner but they can be hidden under the Table Style option.

 

Table style

Click Table Style to customize font and colors for your table. 

table_tablestyle.jpg

  • Title Style allows you to adjust the font type and size for text in the title row or title column
  • Paragraph Style allows you to adjust the font type and size for text in the rest of your table cells
  • Toggle Title to show or hide the title column or title row
  • Use the Border option to adjust the thickness of the border between cells
  • Border colorTitle row colorRow color, and Alt row color allow you to make color customizations using the palette tooltable_color.jpg

 

Text formatting

Text within your table can be styled using the text formatting toolbar, as with other elements or blocks in sitebuilder.

table_textformatting.jpg

The text formatting toolbar provides these options:

  • Line height
  • Apply bold, italicunderline and strikethrough
  • Change text justification (left, right, center, full)
  • Change text color (based on applied color set + one custom color)
  • Create bullet or numbered lists
  • Create a hyperlink