How to Hide the "Filters Overview" Option in Embedded Bold BI Dashboards

When embedding Bold BI dashboards into your applications, you may want to customize the user interface to fit your application’s needs. One such customization could be hiding the “Filters Overview” option to streamline the dashboard view for you.

Hiding the “Filters Overview” Option

To hide the “Filters Overview” option in an embedded Bold BI dashboard, you can utilize the enableFilterOverview property within the dashboard settings. By setting this property to false, the “Filters Overview” option will not be displayed to the end-users.

Here is a code snippet that demonstrates how to hide the Filters Overview option:

var dashboard = BoldBI.create({
    dashboardSettings: {
        enableFilterOverview: false
    }
});
dashboard.loadDashboard();

In the above code:

• BoldBI.create is the method used to create a new instance of the Bold BI dashboard.
• dashboardSettings is an object that contains various settings to customize the dashboard’s behavior.
• enableFilterOverview is a Boolean property within dashboardSettings. When set to false, it hides the Filters Overview option. When set to true, it shows the Filters Overview option.
• dashboard.loadDashboard() is the method that loads the dashboard with the specified settings.
• This method will be located in the directory \wwwroot\js\index.js.

When set to false:

When set to true:

Steps to Implement

1. Ensure you have the Bold BI embedded setup ready in your application.
2. Follow the steps to generate the embed config file.
3. Locate the script where you initialize and load your Bold BI dashboard.
4. Within the dashboardSettings object, set the enableFilterOverview property to false.
5. Save the changes and reload your application to see the effect.

Additional References

• Embedding documentation
• Types of Embedding Samples
• Embedding API references like Methods, Members and Events