Category / Section
Implementing Multiple Button Filters in Bold BI Using Card Widget
Published:
In Bold BI, you can create a user-friendly interface that allows for filtering values based on user selections by utilizing the card widget (Number and KPI) in a series configuration. This article outlines the steps to set up multiple button options for filtering using Number card widget.
Steps to Configure Number Card for Filtering
- Drag and Drop the Card Widget: Start by adding the card widget to your dashboard. For instance, we have used a number card widget to create a multiple button option for filtering.
- Configure the Card Widget: Bind the Measure field in the number card to display the metric or value. Similarly, configure the Series section to include category values that correspond to your desired filtering options. For instance, this could be a category name, region, or product type.
- Disable Measure: To achieve a cleaner appearance for a multiple button filtering view, you should disable the option
Show Measure
under Measure section in the properties.
If utilizing the KPI card widget, disable the following options for a more streamlined appearance in a multiple button filtering view:
Show Value
option under the KPI Value, Left Value, and Right Value sections in the properties.Show Icon
option under the Indicator section in the properties.
- Enable Act as Master Widget Filter: This setting allows the number card to act as a master filter, enabling it to filter other widgets on the dashboard based on user selections.
- Disable View Underlying Data: Our primary goal is that filter will be applied when selecting the category instead of showing menu. To prevent it, disable the option View Underlying Data, and Linking.
- Publish the Dashboard: Once all configurations are complete, publish the dashboard. Users will now be able to filter values by clicking directly on the data.
By following these steps, you can effectively implement multiple button options for filtering in your Bold BI dashboard using the card widget.