Dismiss Modal

Add a Listing Grid

The Listing Grid can be placed inside any Layout region.

  1. Create a Layout (or use an existing one) and click the + button in one of the regions.
     
  2. In the Choose component window, click Listing Grid.
      Demonstration of clicking the plus button in an empty Layout section and selecting the Listing Grid component

Adding content manually

  1. In the Create new Listing Grid popup, select the Content tab, then the Nodes tab.
    • An input box appears under Content to display.
       
  2. Enter the title of the page or article (collectively called a "node") to add to the Listing Grid.
     
  3. For each additional item, click Add another item and repeat steps 2-3 in the new input box that appears.
     
  4. To rearrange items, click and drag them by the arrows icon.
     
  5. To remove any item, click Remove next to the item.
     

Demonstration of the various ways to handle populating a Listing Grid by node: first showing how to enter two nodes by article name, then how to rearrange by clicking and dragging the directional arrow, then how to remove an article by clicking the Remove button

Adding content automatically by identified Taxonomy

  1. In the Create new Listing Grid popup, select the Content tab, then the Taxonomy tab.
    • An input box appears under Taxonomy Content.
       
  2. Enter the term of the HealthHub Taxonomy to populate the Listing Grid.
     
  3. Select the Taxonomy term from the list of autocomplete suggestions.
      Demonstration of adding a Taxonomy term to the Listing Grid component
     

Adjust settings

After setting the content, set up the display and other options.

Screenshot of the General Settings tab in the Edit Listing Grid window

  1. Click the General Settings tab and set how you would like the Listing Grid to appear:
    • For more info about each of these fields, please check our Listing Grid reference article.
       
  2. Click Save to save the changes to the Listing Grid when finished configuring.
     
  3. Click Save again on the page draft to publish the new/updated Listing Grid.