DEV Community

Cover image for How to Use Widget-Level Filters in Dashboards Effectively
Bold BI by Syncfusion
Bold BI by Syncfusion

Posted on

How to Use Widget-Level Filters in Dashboards Effectively

TL;DR: Widget-level filtering lets you control which widgets respond to filters and interactions in a dashboard. Instead of applying a filter to the entire dashboard, you can apply it only to selected visuals. In Bold BI®, this can be achieved through widget-level data filters, dedicated filter widgets, and cross-data-source filtering, allowing you to create dashboards where KPIs remain stable while exploratory visuals respond to user interactions.

Introduction

Interactive dashboards help users explore data from different perspectives. However, not every visualization should respond to every filter or interaction. For example, when a dashboard contains executive KPIs, summary indicators, and detailed charts, applying a global filter can unintentionally change metrics that should remain constant. This can lead to confusion, incorrect interpretation, or the need to maintain multiple dashboard versions for different users.

Widget-level filters in dashboards solve this challenge. They allow dashboard designers to apply filters only to selected widgets, ensuring that some visuals remain fixed while others respond to interactions. In this blog, you'll learn how widget-level filtering works and how to implement it effectively in Bold BI dashboards.

Understanding widget-level filtering

Widget-level filtering is a dashboard design technique where filters are applied only to specific widgets instead of the entire dashboard. This means your KPI tiles and summary widgets remain stable, while charts and tables meant for exploration respond to user‑driven filters. This approach allows dashboards to provide both stable metrics and interactive exploration.

Why widget-level filtering matters in dashboards

Dashboards usually serve several purposes at once, for example executive summaries, operational monitoring, and data exploration. A single global filter affects all visuals, which can cause issues such as:

  • Executive KPIs change when a user interacts with a visual.
  • Users struggle to compare different segments because everything responds at once.
  • Difficulty personalizing dashboards without creating duplicates.

Widget-level filters in dashboards prevent these problems by letting you choose which widgets respond to which filters. This improves clarity, flexibility, and usability. Next, we’ll explore the types of widget-level filters in Bold BI.

Types of widget-level filters in Bold BI

Bold BI provides three methods for applying widget-level filters. These methods define how widgets respond to filters and interactions.

1. Widget-level data filtering

Widget-level data filtering applies filter conditions directly inside a widget. These filters are defined in the widget’s Assign Data panel and affect only that widget. These filters can be applied to measure columns, dimension columns, and date columns. Below is a clear breakdown of each filter type and how it works.

  • Measure filters: Measure filters let you control data based on numeric values. They are configured in the measure filter dialog. They can be used to show products with sales greater than a specific value, for example. Measure filters applied in a dashboard
  • Dimension filters: Dimension filters are used for categorical fields such as product category, customer segment, or region. They can be used to show sales for selected regions. Dimension filters in a dashboard
  • Date filters: Date filters are used for fixed date ranges. They can be used to show orders between two selected dates. Date filters in a dashboard
  • Relative date filters: Relative date filters are used for dynamic time periods such as previous week, previous month, or previous year. The filter updates automatically as time progresses. You can also pin the filter to a specific anchor date so results are always relative to that date. Relative date filter applied in a dashboard

In the Sales Performance Dashboard, selecting previous month ensures the widget always displays data for the previous full month, without manually updating the filter. This approach is useful for dashboards that require automatic time-based updates.

2. Dedicated filter widgets

A dedicated filter widget allows a filter control to affect only selected widgets. This uses the master and listener configuration. The master widget is the filter control that drives the interaction, and it can be enabled to act as a master property for each widget. Listener widgets are the visuals that respond to the filter, and other widgets remain unchanged.

In the School Performance Dashboard, a grade dropdown filter may control charts showing subject performance and student distribution while overall enrollment KPIs remain unchanged. This makes dashboards easier to use for different roles while preserving key summary metrics.

Selecting the master and listener widgets

Dedicated filter widget applied in a dashboard

3. Cross data source filtering

Cross data source filtering in Bold BI allows widgets that rely on different data sources to work together during user interactions. When you link equivalent fields between a master widget and its listener widgets, any selection made in one visual can automatically refine the data shown in the others, and this works without combining datasets or performing joins in the database.

In the Real Estate Management Dashboard, you might have a combo box showing month (year) from one data source and a chart showing sales vs. target from another data source. By mapping a common field such as sales date, selecting a month in the combo box can filter the sales chart.

Mapping the appropriate fields to allow cross data source filtering

Cross-data-source filters applied in a dashboard

Now that you have seen the types of widget-level filters in Bold BI, let’s explore how you can apply them in dashboards.

How to apply widget-level filters in Bold BI dashboards

Follow these steps to set up a widget-level filter in Bold BI:

  1. Open a Bold BI dashboard and select the widget to which you want to apply the filter. Here, I’ve selected the bar chart Top 5 Products by Sales. Select the widget to apply the filter
  2. Click the Properties icon for the widget, then click Assign Data to open the data panel. Click on the properties icon to assign data
  3. In the data panel, drag the field you want to filter by into the Filters. Here, I have used the Country field. Drag and drop the field into the filters section
  4. Click the Settings icon next to the added filter field, and then select Edit to open the filter dialog. Click the filter settings then choose edit to open the filter dialog
  5. Set the filter conditions then select Apply. Here, I have filtered by the country Argentina. Applying condition in the widget filter dialog The widget will display the filter condition already applied. Widget displaying data with the filter condition applied
  6. Next, click on the Publish option to save and apply the changes to your dashboard. Publish the dashboard to save widget filter settings

After publishing, switch back to view mode or reopen the dashboard. The widget will now display data based on the applied filter condition, as shown below. Here, you can verify that the filter is applied only to the selected widget while the rest of the widgets remain unchanged.

Filtered widget results after publishing

If you want to personalize other widgets, repeat the same steps for each widget and publish the dashboard again. To learn more about widget filtering, refer to our documentation.

Now that you’ve seen how to configure a widget filter, here are practical scenarios where it prevents dashboard sprawl while keeping KPIs consistent.

Use case of widget-level filters in dashboards

Here are some real-world use cases where you can see widget-level filters in action as they keep KPIs stable while allowing role-specific exploration.

Sales: Sales analysis dashboard

In the sales analysis dashboard,  a chart may display sales for all companies. Applying a Top N manual filter to the company field allows the chart to focus on the highest-performing accounts, making the visualization clearer and more actionable.

Using manual filters in a sales analysis dashboard

Education: School performance dashboard

In the school performance dashboard,  a year filter may initially display all enrollment years. Using a relative date filter helps automatically focus the dashboard on the current academic year, improving the relevance of the data shown.

Using the relative date filter in a school performance dashboard

These use cases highlight how widget‑level filters improve personalization, clarity, and usability. The key takeaways below summarize why widget‑level filtering is such a valuable part of effective dashboard design.

Key takeaways

Widget-level filtering is an interaction control feature. It lets you decide which visuals respond to filters and which remain fixed. It is not a security feature.  Combine manual widget filters, dedicated filter widgets (master → listener), and cross data source filters to deliver precise and predictable interactions that fit executive reviews and embedded experiences.

Ready to reduce dashboard duplicates and keep KPIs stable? Apply widget-level filters in Bold BI® to control exactly which visuals users can filter. For detailed insights:

Empower every user with the right data, without sacrificing clarity, control, or consistency.

Frequently asked questions

  1. Does widget-level filtering handle security?

    No. Security belongs to user filters and row level security. Widget-level filtering only controls the interaction scope.

  2. Can I limit a filter widget to certain visuals?

    Yes. Configure the filter widget as a master widget and assign listener widgets that should respond.

  3. Can I pre-filter a single widget?

    Yes. Apply a manual filter directly inside the widget.

  4. Can one widget filter another widget?

    Yes. Configure cross data source filtering between widgets to enable interaction-based filtering.

Top comments (0)