The grid component has three filter options available within the grid page settings: Pills, Nested and Sidebar.
The sidebar filter panel allows for an easy way to view and select many filters within a grid.
Data Structure
The sidebar works most effectively when you have your tags set up into a clear structure, using a parent and child level of organisation.
An example of this is as such, as seen in the example above:
- Industry
- Aerospace
- Automotive
- Chemicals
- Construction
- Defense
- Electronics
- Energy
- Fashion
- FMCG
- Healthcare
- Manufacturing
- Packaging
- Pharmaceuticals
- Real Estate
- Retail
- Textiles
- Category
- Advanced Manufacturing
- Advanced Materials
- Sustainable Manufacturing
- Scalability
- Customizable
- Highly scalable
- Moderately scalable
How this appears in the tag library
Once you have built this tag structure in the tag library, you can assign them to items within your content groups.
The Filter Logic
The filter utilises the structure above to allow reps to return precise results.
Examples
If Aerospace, Automotive, Advanced Manufacturing, Moderately Scalable and Highly Scalable are chosen, then the following logic is applied:
Return all results which contain:
- Aerospace OR Automotive; AND
- Advanced Manufacturing; AND
- Highly Scalable OR Moderately Scalable.
If Aerospace, Advanced Manufacturing, Advanced Materials and Sustainable Manufacturing are chosen, then the following logic is applied:
Return all results which contain:
- Aerospace AND
- Advanced Manufacturing OR Moderately Scalable OR Highly Scalable.
The Sidebar Filter
The sidebar filter displays each parent category (e.g. Industry) as a sub-header and displays each of the child tags underneath (e.g. Aerospace, Automotive).
When there are six or more child tags, then the options will be presented in a dropdown.
Only tags which have been assigned to items in that grid will appear within the sidebar.