How to Show or Hide Filter Icon on Widgets in Embedding

In Bold BI, the filter icon in widgets is enabled by default for embedded scenarios. However, users can customize the visibility of this option based on the embedding method used. This article provides guidance on how to manage filter options for both JavaScript (JS) embedding and IFrame embedding.

By default:

After hiding the filter icon:

JavaScript (JS) Embedding

When using JS embedding, you can control the visibility of the filter option in a widget by adjusting the showFilter key in the WidgetSettings API.

To Hide the Filter Icon:

• Set the showFilter key to false in the WidgetSettings API member within the BoldBI.Create function.

To Show the Filter Icon:

• Ensure the showFilter key is set to true within the BoldBI.Create function to display the filter icon.

For more information, please refer to the official documentation:
API Reference – Members - JavaScript Embedding | Bold BI

IFrame Embedding

For IFrame embedding, the filter option can be controlled through parameters in the IFrame URL.

To Hide the Filter Icon:

• Add the hide_widget_tool=fr parameter to the IFrame URL.

To Show the Filter Icon:

• Remove the hide_widget_tool=fr parameter from the URL to display the filter icon.

For more details, refer to the official documentation:
Embed Dashboard in an IFrame | Bold BI Documentation

Additional References

• iFrame-based Embedding
• JavaScript-based Embedding
• iFrame-based SSO Embedding
• JavaScript API reference