Skip to main content Skip to navigation

Item filter page template

The Item filter page template enables you to create content items that visitors can filter based on assigned tags.

An example item filter page, showing sample items, tags, and tag sections

In this article:

Create an item filter page

  1. Go to the parent page under which you want to create the Item filter page.

  2. Go to Edit > Create a new page:

    The SiteBuilder 'Edit' menu, with the 'Create a new page' option highlighted

  3. To see the Item filter template in the list, you need to add &sb_hiddenTypes=true to the end of the URL in your browser's address bar when creating a new page:

    The address bar when creating a new SiteBuilder page, with the access paramater to show hidden page types highlighted

    Note: This page template is still in a Beta stage. As such, it's hidden behind this access parameter while we gather feedback to refine it. You can submit feedback via the form in Service Now.

  4. Choose Components Editor under the Change page template heading.

  5. Select Change button to expand the options, then choose Item filter:

    The 'New page' screen, showing the available template options with 'Item filter' highlighted

  6. Set the page properties:

    The page template options for the Item filter template

    • Display entry titles: If selected, the Title for each item will be displayed at the top.

    • Show text search: Select this checkbox to display the Search items box at the top of the tags list.

    • Tag filter position: Use the drop-down list to select whether the tags list appears at the Left or Top of the page.

    You can change these settings later via the Page properties.

  7. Enter your new page's URL, page heading, title bar caption and link caption. For a description of these properties, see: create a new blank page.

  8. Specify the keywords and page contact.

  9. When you've finished editing the page properties, select Create new page. You see a confirmation message with a link to view the new page.

Back to top

Create items

  1. Navigate to your Item filter page.

  2. Select the Manage items button:

    A new blank Item filter page, with the 'Manage items' button highlighted

  3. On the Editing data entries screen, select Add a new entry.

  4. Create your filterable item using the Creating data entry form:

    The 'Creating data entry' form

    1. Enter a Title for the item.

    2. Optionally, enter a URL in the Link box.

      Note: The entry's Title will only appear on the published page if you select the Display entry titles checkbox in the page properties. If titles are displayed, they will link to the URL specified in the Link box, if you enter one.

    3. Create the Content you want to appear in the content block on the item filter page.

    4. The Metadata box and Specify a date for this entry checkbox are not used for this page type, and can be left blank.

  5. Select which of your existing Tags (if any) you want to apply to the item, or enter a new one in the New tag box and select Add:

    The 'Tags' section of the 'Creating data entry' page, showing the tags to be added to the item

  6. When you're satisfied with the item's content and tags, select Save changes.

  7. You're returned to your page, with the new item displayed.

Back to top

Create and manage tag sections

Newly-created tags are hidden from the main page. To display them, and enable visitors to filter items on the page, you need to move them into visible Tag sections. To do so:

  1. Go to Edit > Edit page properties.

    The SiteBuilder 'Edit' menu, with the 'Edit page properties' option highlighted

  2. Controls for the Item filter page are in the Change page template & options section:

    The 'Editing page properties' screen, with the 'Tag sections' options highlighted

  3. Enter a name for your tag section in the New section name box, then select Add.

  4. To assign a tag to a tag section, select it, then select the Move here button in the relevant section:

    Moving a tag to another section

    Tip: Use the Edit, Up, Down and Delete buttons to rename, rearrange or remove tag sections.

  5. When you're content with how your tags and tag sections are arranged, select Save changes.

  6. You're returned to your Item filter page. Tags are now displayed in your chosen sections on the left, and users can select them to filter for the items they want to see:

    An item filter page with tags visible in sections on the left

Back to top

Edit or delete items

  1. Navigate to the Item filter page you want to edit.

  2. Select the Manage items button:

    The 'Manage items' button on an Item filter page

  3. Use the buttons below each item summary to Edit or Delete item(s) as required.

    An item summary with the buttons to Edit and Delete the item highlighted

Back to top

Manage tags

  1. Navigate to the Item filter page you want to edit.

  2. Select the Manage items button:

    The 'Manage items' button on an Item filter page

  3. At the bottom of the Editing data entries screen, select Manage tags.

  4. You see a list of all the active tags on your page. Use the buttons next to each tag to edit or delete them as necessary.

    A list of active tags on an Item filter page
  5. You can add tags to your page using the Create new tag button. Tags created in this way will be listed in the (Hidden tags) section until moved to a visible tag section.

Back to top

Support

Email webteam@warwick.ac.uk
How to report a problem