Creating a Data Grid widget

  1. On the Pages > Drafts page, click + New Page.
  2. On the Select Template page, select Data Grid Widget.
  3. In the Configure Page > Template Settings section, select the elements to add to the widget.
    1. In the Widget > Title field, click the Search list icon to select from the list of available global strings.
    2. In the Data Grid section, specify this information.
      Show Header
      Switch on this option to show the data grid header.
      Enable Filter Bar
      Switch on this option to show the Search icon and field.
      Note: This field is only available if you select the Show Header option.
      Enable Row Count
      Switch on this option to show the row count.
      Columns
      Select the number of data grid columns.
  4. Click Next.
  5. Specify the page properties and assign data services.
  6. Click Next.
  7. On the New Page page, perform these steps:
    1. In the Elements section, select a data grid element.
    2. In the Data Properties section, select the bound property.
      Optionally, change the bound property value.
    3. In the Strings > Header field, click the Search list icon to select from the list of available global strings to apply to the data grid element.
    4. In the Elements section, select Data Grid.
    5. Optionally, in the Attributes section, change the header, filter, and row count display options.
    6. In the Strings > Header field, select a global string value for the header.
    7. In the Context Message section, set up the context message for the receiving component, sending component, or both.
  8. Click Finish.
  9. In the Page Saved dialog box, click Later or Publish.

If you click Publish, the new widget is automatically added to the list of projects on the Published page.