Removing Dashboard Banner Shadow in Bold BI

In Bold BI, there isn’t a direct option to remove the “box-shadow” from the dashboard banner. However, there is an alternative method that can be used to achieve this.

Steps to Remove Shadow

1. Navigate to the “boldbi.theme.definition.min.css” file. This file is located in the following directory: “…\boldbi-themestudio\themes\light”.

2. In this file, you can customize the value of the “–container-box-shadow” property.

"--container-box-shadow": ‘None’

Please note that changing the value of the variable “–container-box-shadow” will also affect the widget’s container box-shadow.

Overcoming Widget Container Box-Shadow Changes

To prevent changes to the widget container box-shadow, there is an API “box-shadow” under “widgetContainerSettings” in your embedding application. Refer to the following help documentation Widget Container Settings

widgetContainerSettings: {
    boxShadow: "0px 3px 8px rgba(112, 120, 135, 0.24)",
}

This will ensure that only the dashboard banner shadow is removed, and not the widget container box-shadow.

Additional Resources

For more information on this topic, you can refer to the Bold BI API Reference.

References

• Widget Container Settings

• Javascript Embedding