This functionality requires a Site Administrator to enable some features.

This functionality requires Site Builder permissions.

Instafilter is a javascript search field that filters content on the page to ones that match keywords typed. It requires you to add a class around the content to be filtered, and a class to each content item which can be filtered.

Keywords are only matched to those which exist in the content shown on the page.

Example: OMC Assets page.

1. Adding the Instafilter to the page

The pane is located within the UQ category for components:


Placeholder text:

This is the text that displays before any filtered term has been inputed.

Scope:

Typically this is unneeded. But it contains the search within a section of the page.

Targets:

This is a class name attached to each item that you want to be filtered.

Example(this is used on most vertical content lists): .vertical-list__item

Sections:

This is a class name attached to each of the sections holding the items.

 

Example:

This is all that is needed to get the instafilter pane working when using it with a vertical content list.