Widgets


 






Add a Table Widget to Your Page

Who can use this feature?

Engage_-_System_Admin.png Engage_-_Slash.png Engage_-_Owner.png Engage_-_Slash.png Engage_-_Publisher.png Engage_-_Slash.png Engage_-_Author.png

 

 

Overview

This article will show you how to add a Table Widget to your page. This widget allows you to add a table to your page.

Accessibility & Compliance Tips

  • Ensure that every cell contains data. If there is no data available for a cell, enter N/A.
  • Ensure that header row or column information applies to all information in the cells below or across from it. To check, inspect page elements and look for the <th> marker in the HTML.
  • Alphabetize
  • Try to keep tables simple and short as possible.

Instructions

  1. Navigate to your desired page
  2. Ensure that Live Edit Is Onlive_edit_is_on.png
  3. Select the Widgets tab on the left-hand side
    Widgets__1_.png
  4. Drag-and-drop the Table Widget onto your desired area of the page
    table_widget.png
  5. Configure the Widget Options
    options.png
    • Header Text: Create a title for the table
    • Heading Style: Select a style for the header
    • Option Set: Select an option set
    • Advanced:
      advanced3.png
      • Widget Breakpoint: Width at which the widget will switch from narrow to wide view
      • Push To All Versions of this Page: Add a copy of this widget to all versions of this page
      • Push To All Subpages of this Page: Add a copy of this widget to all subpages of this page
      • Push Options: Choose where to put the widget within pushed pages
  6. Configure Table Settings
    table_settings.png
    • Note: Table widgets auto-calculate their column width based on their contents.
    • Size: Use the grid to determine how many rows and columns there are
      • Alternate: Use the cols x rows boxes to determine rows and columns
      • Note: To create a table larger than 6x6, use the cols x rows boxes
    • Header Row: Select to make the first row in the table a header row
    • Header Column: Select to make the first column in the table a header column
    • Caption (Optional): Briefly describe the table
    • Alternating Rows: Select to make the table display every other row with a slightly different background color and/or text
      Reformat for Mobile: Select to make the table reformat to suit mobile devices
      • Note: We strongly recommend this stay checked, unless it actually makes the table format worse on mobile devices.
  7. Click the X to escape settings
    X6.png
  8. Click inside the table to enter table content
    table.png
    • Note: If any cell does not have data, enter N/A. Remember that header row information applies to all cells under, and header column information applies to all cells across.
  9. Click Save at the top of the page
    save_page2.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback