Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Navigate to the CMS page you want to add the table to, or create a new one.

  2. Edit the page.

  3. Insert a new block.

    Image RemovedInsertBlock2.pngImage Added
  4. Choose “Text”.

  5. Click the Table > Insert Table

...

Info

You can also see the mobile/ tablet view on a computer (in Chrome) by right clicking on the page and selecting “Inspect”. You can then select the view of a set mobile size or a responsive size.

Excel Table Widget

If you have an existing table in Excel (or similar), you can import it into a CMS page in place of copying and pasting it into the page. This can also be especially useful if the information in the table needs updating regularly as you can just swap the file out for an updated version.

Info

You can learn more about CMS widgets in this guide: CMS Widgets

  1. Navigate to edit an existing CMS page, or create a new one.

  2. Insert a new Block.

    InsertBlock2.pngImage Added
  3. Click “Edit”.

    EditBlock.pngImage Added
  4. Click “Widget”.

    widget.pngImage Added
  5. Select “Excel Table” and click “OK”.

    WidgetWizard.pngImage Added
  6. Click “Configure”.

    Configure.pngImage Added
  7. Complete the wizard:

    Wizard.pngImage Added
    1. Excel File: Select the Excel file you want to use from your files. Note: The file will need to have a .xlsx file extension.

    2. Worksheet Name: Enter the name of the sheet you want to use from the file.

    3. Cell Range: Enter the cell range you want to include from the worksheet specified.

    4. Header Row: If the first row in your data is a header, select “Yes”.

    5. Read Table from File: Click “Read Table from File” to a preview of the table.

    6. Bordered: If set, each cell will have a border.

    7. Striped: If set, rows will be alternatively shaded light and dark. This makes the table easier to read.

    8. Condensed: If set, the space above and below the text within each cell will be reduced.

    9. Table Data: A preview of the table based on the appearance settings in steps f, g, and h.

    10. Page Jump Links: You can add a button at the top of the page to jump to this component when clicked. Enter the link name (for the link itself) and the caption (for the button).

    11. Device Visibility: Select whether this page element is visible when viewed on devices of different sizes.

    12. Custom CSS: If you have added any custom CSS in Site Styles & Colours, you can add CSS classes here that you want to be applied to this component.

    13. OK: Once happy with the details, click “OK” to add the table to your CMS page.

  8. Click “Save Draft” or “Publish” to save the CMS page.

    SafeDraftPublish.pngImage Added
Info

You can learn more about CMS widgets in this guide: CMS Widgets

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@76ab5187
sortmodified
showSpacefalse
reversetrue
typepage
cqllabel in ( "cms" , "table" , "tables" ) and type = "page" and space = "CLUBSD"
labelsCMS table tables

...