Home

Download this help site
(PDF 80MB)

Download

Inserting and editing tables

You can insert a table into a page, page template, email, email template, or event description. You can create a regular table, showing information within columns and rows, or you can create tables without borders for advanced page layouts.

For each table, you can specify the number of rows and columns you want, choose a background color, and set the border width and color. After inserting the table, you click inside the cells and start adding your content.

Inserting a table

To insert a table into a page, page template, email, email template, or event description, follow these steps:

 Read more/less
  1. Begin editing the site page, page template, email, email template, or event description.
  2. Click within the content gadget, email body, or event description where you want the table to appear. The content editor toolbar should now appear at the top of the screen.
  3. Click the Table icon within the content editor toolbar and select the Create table option. 

  4. On the dialog that appears, you specify the table parameters, including the number of rows and columns, the spacing between tables cells, and the padding (or margin) within each cell. You can also specify the table width – what percentage of the available area it occupies, and the table alignment – whether the table is left or right aligned within the available area. Finally, you can indicate whether the first row should be specially formatted as column headings. 

  5. Click the Background tab and select the background color of the table. You can click a color at the bottom or enter the hex code for the color. To make the background transparent, so that the page background shows through, click the Set to transparent button. 

  6. Click the Border tab and set the color of the cell borders within the table. You can click a color at the bottom or enter the hex code for the color. You can also select the cell border width. To remove the cell borders completely – and make the table invisible – set the Border width to None

  7. Click the Insert button to insert your table.

Now, you can click within the table cells on the page and start entering text or adding other content.

Modifying a table

After you have inserted a table, you can add and remove rows and columns, and change several table parameters.

Adding rows and columns

To add a row or column to an existing table, follow these steps:

 Read more/less
  1. Click within a table cell, above, below, or beside where you want the new row or column to appear.
  2. Click the Table icon within the content editor toolbar and select one of the Insert options. 

Removing rows and columns

To remove a row or column from an existing table, follow these steps:

 Read more/less
  1. Click within a cell within the row or column you want to remove.
  2. Click the Table icon within the toolbar and select one of the Delete options. 

     

Changing table parameters

To change the parameters for an existing table, follow these steps:

 Read more/less
  1. Click within any cell in the table. If you want to modify parameters for a single row or column, click a cell within the row or column.
  2. Click the Table icon and select one of the following options.

Menu

Option

Description

Size

 

 

 

Table width

Width of the table. You can choose from predefined widths – in pixels or as a percentage of the screen width – let the width being automatically determined by the table content (Auto), or click More... to set a specific table width.

Table height

Height of the table. You can choose from predefined heights (in pixels), let the height being automatically determined by the table content (Auto), or click More... to set a specific table height.

Row height

Height of the currently selected row. You can choose from predefined heights (in pixels), let the height being automatically determined by the row content (Auto), or click More... to set a specific row height.

Column width

Width of the currently selected column. You can choose from predefined widths – in pixels or as a percentage of the screen width – let the width being automatically determined by the column content (Auto), or click More... to set a specific column width.

Align

 

 

 

 

 

 

Table alignment

Horizontal alignment of the entire table.

Row horizontal align

Horizontal alignment of the currently selected row.

Row vertical align

Vertical alignment of the currently selected row.

Column horizontal align

Horizontal alignment of the currently selected column.

Column vertical align

Vertical alignment of the currently selected column.

Cell horizontal align

Horizontal alignment of the currently selected cell.

Cell vertical align

Vertical alignment of the currently selected cell.

Padding

 

The padding within table cells (in pixels). Padding is the distance between the cell content and the cell border.

 

Border

 

 

 

 

 

 

 

Table border width

The width of the table border. You can choose from predefined widths, set the width to none, or click More... to set a specific border width.

Table border color

Color of the table border. You can click a color at the bottom or enter the hex code for the color. 

Row border width

The width of the border for the currently selected row. You can choose from predefined widths, set the width to none, or click More... to set a specific border width.

Row border color

Color of the border for the currently selected row.

Column border width

The width of the border for the currently selected column. You can choose from predefined widths, set the width to none, or click More... to set a specific border width.

Column border color

Color of the border for the currently selected column.

Cell border width

The width of the border for the currently selected cell. You can choose from predefined widths, set the width to none, or click More... to set a specific border width.

Cell border color

Color of the border for the currently selected cell.

Background

 

 

Row background color

Background color of the currently selected row. You can click a color at the bottom or enter the hex code for the color. To make the background transparent, so that the page background shows through, click the Set to transparent button.

Column background color

Background color of the currently selected column.

Cell background color

Background color of the currently selected cell.

Viewing invisible tables

To view the borders of invisible tables – tables with the Border width set to None – click within the table then click the Table icon and select the Show outline tables option.

 Read more/less

To hide the borders of invisible tables, select the Hide outline tables option. 

Deleting a table

To remove a table, follow these steps:

 Read more/less
  1. Click with any cell in the table.
  2. Click the Table icon and select the Delete table option. 

     

On this page: 

  • No labels
 
Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7