Another new feature of the improved content editor comes in the form of our powerful and flexible table editor, which allows you to insert tables containing multiples columns and rows, as defined by you.
To insert a new table into your story, first click inside the Body window of your story to 'select' it, then choose the 'Insert/Edit Table' button.
This will load a popup window containing the following options:
- Rows: the number of rows to be included in your table.
- Columns: the number of columns to be included in your table.
- Rows and columns can be merged/split in the editor to customise the layout
- Width: input as either pixels (##px), or as a percentage of the area in which the table will sit (##%).
- Height: input as either pixels (##px), or as a percentage of the area in which the table will sit (##%).
- Width and height can be set per cell for advanced customisation.
- Total widths of rows should be equal.
- Total height of columns should be equal.
- Border size: the width (in pixels) of the borders added to all columns and rows. Setting a border size of zero (0) will create invisible borders.
- Alignment: the alignment of the table in relation to the area in which it sits. Available options are 'Left', 'Centre', 'Right'.
- Cell Spacing: the amount of space (in pixels) inbetween each cell (rows and columns) in your table.
- Cell Padding: the amount of padding (in pixels) within each cell (rows and columns) in your table.
- Caption: text which appears as a 'caption' just above your table, regardless of where the table is positioned in your story.
Once you have defined your table as required, simply click the 'OK' button to insert it into your content.
Now that you have created your table, you can simply click inside each table cell and enter text and images as necessary.
If you would like to edit your newly created table, you can do this by right clicking and selecting 'Table Properties' where you can revisit the details of your table and change them as needed. You can also right click on particular cells to edit their properties or to add extra rows and columns.
Example: Footer with Social Media Icons
Tables can be your emails secret weapon if you have the patience and know how. If you see some interesting formatting in your emails, right click and you might find a hidden table!
Here are 3 examples of how hidden tables can enhance email styling:
When right-clicking into an element, we can identify if it is housed in a table, and use the following elements to change appearance:
One of the most important factors for a well behaving table is consistent Image sizing.
For image sizing to be dynamic, "%" should be used for all width and height specifications (This is recommended for mobile responsiveness)
To change the colour of text within a table:
Make sure that Cell > Cell Properties > Cell Type is set to header instead of data. The text colour will pull from the blocks Style > Body Colour.
For a deeper dive into table specifications check out: Basic Table Formatting in Composer
0 Comments