Filter Grid

module_filter_grid

The filter grid module can be activated by giving a page the tag module_filter_grid. It will render a card grid + filters.

Every result uses the shared Card element. See the Card documentation for the content shown for each NationBuilder page type and the layout:redirect override for Basic pages.

The tagged page is also the grid's data source:

• A Blog generates cards for its most recent Blog Posts.
• A Calendar generates cards for its upcoming Events in event start-time order.
• A Basic page generates cards for its published child pages. By default these are newest first; when the parent has a configured Subnav, its Subnav pages and manual order are used instead.

The card grid is three cards wide on desktop, two cards wide on tablet, and stacked on mobile.

Please contact For Purpose if you need the card design tweaked for any of your page types.

#Keyword search

Users can search the card headlines by keyword. Clearing the search field restores the full result set.

Toggle filters

Any filter:XXX tags on the pages represented by the cards become alphabetical toggle filters above the grid. Toggling a filter shows or hides the matching cards.

Card Grid Sorting

The initial order comes from the data source: recent Blog Posts, upcoming Events, or the Basic-page ordering described above.

Users can sort the cards A–Z by headline or select “Newest,” which uses each NationBuilder page's publication date. For a Calendar, the initial upcoming-event order is based on event start time, while the “Newest” control is based on the page publication date.