(A3,2) Insert Tables
Learn how to insert and customise tables in Rich Text components, including how to adjust borders, background colours, and apply SLS brand colours.
(A3,2) Insert Tables
Insert Table
When editing a Rich Text-enabled component, click the Table icon .
Select the number of columns and rows for the table by dragging the cursor across the grid.
You may add or remove rows and columns using the floating toolbar when you click on the table.
Edit Table Border
Select Table Properties from the toolbar.
Define the border width by keying in the terms of pixels, e.g. key in "1" for 1 pixel.
The default colour of the table border is black. You can also change the border colour by accessing the Advanced tab.
Edit Table Background Colour
You can change the colour of the table background by accessing the Advanced tab in Table Properties.
Change Border or Background Colours
You may either key in a HTML colour name such as "black", or a HEX code such as "#000000" (for black).
The default colour of the table border is black. You can also change the border colour by accessing the Advanced tab.
Refer to this website (opens in new tab) for more HTML colour names or HEX codes that you can use.
You may wish to choose the SLS colours for a more consistent look:
Primary Brand Colours
#2B63D9 (blue)
#0B233F (navy)
#E96A6A (red)
Supplementary Brand Colours
#4ECBD3 (cyan)
#FBBC04 (yellow)
