How to Hide the Data Source Configuration Icon, Data Source Listing, Expression, and Sample Data Source Options in the Bold BI Designer Using JavaScript Embedding

This article explains how to hide the data source configuration icon, data source listing dropdown, expression option, and sample data source option in the Bold BI Dashboard Designer page using JavaScript embedding.

Steps to achieve this:

After embedding the dashboard into your application, you can control the visibility of various data source options through the designer settings in the create method, as shown below.

Hide Data Source Listing Dropdown

To hide the data source listing dropdown in the designer page, set hideDataSourceList to true:

settings: {
   designer: {
       dataSourceConfig: {
           hideDataSourceList: true
       }
   }
}

Hide Expression Option

To hide the expression option, set hideExpression to true:

 settings: {
   designer: {
       dataSourceConfig: {
           hideExpression: true
       }
   }
}

Hide Sample Data Source Option

To hide the sample data source option, set hideSampleDataSources to true:

settings: {
   designer: {
       dataSourceConfig: {
           hideSampleDataSources: true
       }
   }
}

Hide Data Source Configuration Icon

To hide the data source configuration icon, set hideDataSourceConfig to true:

settings: {
   designer: {
       dataSourceConfig: {
           hideDataSourceConfig: true
       }
   }
} 

Additional References:

Bold BI SDK Reference