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 Onensure_that_live_edit_is_on.jpg
  3. Select the Widgets tab on the left-hand side
    select_widgets.jpg
  4. Drag-and-drop the Table Widget onto your desired area of the page
    drag_and_drop_the_table_widget_onto_the_page.jpg
  5. Configure the Widget Options
    configure_the_widget_options.jpg
    • Header Text: Create a title for the table
    • Heading Style: Select a style for the header
    • Option Set: Select an option set
    • Advanced:
      select_advanced_and_fill_in_advanced_options.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
    configure_table_settings.jpg
    • 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
    select_the_X_to_exit_table_settings.jpg
  8. Click inside the table to enter table content
    click_inside_the_table_to_enter_content.jpg
    • 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
    select_save_to_save_page.jpg



I'd Like to Request an Enhancement

1 out of 1 found this helpful

Updated:
Follow

Article Feedback