Creating Page-Specific Filters

Pages can have a specific filter toolbar, with filters that have the same capabilities as global filters. Use "ignorefilters" to hide global filters.

Filters are usually added to the global filter panel and then accessible across all pages of the dashboard. However, there may be instances where you need a set of filters that are specific to a particular page.

A page can locally define a toolbar layout area, which enables the addition of filters specific to that page. These filters will possess the same capabilities as globally defined filters and, by default, will appear alongside any global filters.

page #myPage {
    layoutArea toolbar {
        filter singleselect #myFilter {
            // Filter definition
        }
        filter multiselect #myFilter {
            // Filter definition
        }
        // ...
    }
}

Example of a localised filter toolbar

To display only the local filters on the page's filter panel, one can set the "ignorefilters" property on that page and specify the name of the global filter panel. For example, if you want to ignore the filters defined in the global filter panel named "globalfilters", you would add a line such as:

page #myPage {
//ignorefilters can be used to hide global toolbar
  ignoreFilters: globalfilters

Filters that are set on a filter panel will remain in effect as long as the filter is present on the page's filter panel. For instance, if a filter "income" is set on a page that uses the global filter panel, and you navigate to page "myPage" where you have ignored the global filter panel, then the "income" filter will not apply to the widgets on this page and the "income" filter pill will not be visible.

Note

Page-specific filters will take precedence over global filters if they share the same name.