Step-by-step instructions for B.C. government content editors on how to create and modify tables using the CMS Lite application.
Work with tables in CMS Lite
Inserting and configuring a table
Steps to insert a table
Place the cursor in the Body: where the table is to be inserted
Select the table icon from the toolbar The Table Properties will be displayed
Setting table properties
Complete the fields:
Rows:
Enter the number of rows
Width:
Defaults to 100%. The table will encompass the entire width of the content well no matter what type of device is used to display the page.
If desired, enter a new percent value. Ensure the % sign is used, or the table width will default to pixels.
Columns:
Enter the number of columns
Height:
Leave blank
Headers:
For screen reader accessibility, tables must have a Header.
Defaults to First row. Choose from the drop-down to choose First row, or First row & column.
Do NOT merge cells that are defined as headers as it will result in multiple columns or rows associated with one header label, making them inaccessible to visually impaired people using screen readers
Cell spacing:
Leave default set to 0 (zero)
Border size:
Leave default set to 1
Cell padding:
Leave default set to 4
Alignment:
Default is <not set>
If you have entered a width of less than 100%, you may use the drop-down menu to align the table Left, Centre or Right
Table Style:
Default is <not set>
Use the drop-down and select Striped to add background shading to every other row starting with the Heade
Enable Sort and Search:
Recommended for complex tables with many rows of data.
Inserts the following functionality:
Show 10, 25 or 50 rows per page
Provides a search box
Column headings (first row) can be sorted in ascending or descending order
Enable Pagination Elements:
Pagination buttons are inserted at the bottom of the table
Caption:
If desired, add a caption that will appear above the table which will display in the web browser
Summary:
The summary does not display in the web browser, but will form part of the Page Source metadata information. More importantly, it will be read out by a screen reader for the visually impaired
Click the [OK] button to complete the action The Table Properties will be closed and the table will be inserted at the cursor location
Troubleshooting: Table does not display Sort and Search features
If the table does not display the Sort and Search features, follow these steps:
Open the Table Properties
Change the Headers option
Deselect Enable Sort and Search
Close the Table Properties and [Save] the page
Re-open the Table Properties
Change the Headers back to First row or First row & column
Re-select Enable Sort and Search
Close the Table Properties and [Save] the page
Modify table properties
Place the cursor in any cell of the table
Right-click the mouse to display the Table Menu. DO NOT select the table icon from the toolbar to edit an existing table. It will result in inserting a table within a table
Choose TableProperties The Table Properties will be displayed