How to Disable Box Shadow of embedded widgets?

If you notice a shadow behind your embedded widget and would like to remove it, you can easily do so by using the API widgetContainerSettings. This article will guide you through the process of disabling the box shadow for your embedded widget.

Disabling Box Shadow

To disable the box shadow of widget in embedding, you need to add the API widgetContainerSettings in the BoldBI.create() method. Set the boxShadow property to “null” as shown below:

var dashboard = BoldBI.create({
     widgetContainerSettings: {
          boxShadow: null,
     }
});
dashboard.loadDashboard();

By setting the boxShadow property to “null”, you will effectively remove the shadow from behind your embedded widget.

API Reference

For more information on the widgetContainerSettings API member and its properties, please refer to the following API documentation:

• Bold BI Embedded API Reference - WidgetContainerSettings

Additional References

• Bold BI Embedded - Getting Started
• Bold BI Embedded - JavaScript-based API Reference