How to Customize and Upload Bold BI Themes in Azure App Service Deployment and Linux Deployment.

This article provides a step-by-step guide on how to customize and upload Bold BI themes for deployments using Azure App Service and Linux.

Steps to Add Custom Theme in Azure App Service Deployment

1. Log in to your Azure portal and navigate to the created Azure App Service. For example, if your app service name is arm-loadtest.
   

2. Once the app service page is loaded, search and select Advanced Tools. Click Go to navigate to a new page.
   

   

3. Select the CMD option in the drop-down for Debug console.
   

   

4. Page will be rendered as like below
   

   

5. Navigate to the dashboard theme location site/wwwroot/bi/dataservice/dashboardthemes.
   

6. Download any default theme file in the above location and modify the theme property values as per your requirements.

7. Save the modified theme file.

8. Drag and drop the custom theme file to the dashboardthemes location.

9. Refresh the browser page and open the theme drop-down in the banner. You should now see the added custom theme file name listed in it.
   

   

Steps to Add Custom Theme in Linux Deployment

1. Refer to the below documentation that how to create a new custom theme JSON file. In the documentation, we have provided enterprise Bold BI deployment location. So that following steps to move custom theme JSON into Linux deployment location
   Documentation Link: https://help.boldbi.com/embedded-bi/working-with-dashboards/dashboard-theme/#how-to-create-and-apply-a-new-custom-theme

2. After created custom JSON file, you need to move custom theme JSON file to zip and upload the zip file in the below link. Copy the link once uploaded
   Link: https://bashupload.com/

3. Then, open windows power shell as administrator mode and using below command to login Linux machine which have installed Bold BI Linux package
   ssh username@ip_address

4. Create new directory using below command
   mkdir {Directory name} – Example, mkdir customtheme

5. Change the directory to new one using below command
   cd {Directory name} – Example, cd customtheme

6. Then, run the following command to get the custom theme from uploading link

     sudo apt-get install unzip                                        -  Install zip tool which is used to unzip the zipped file
     sudo apt-get install wget                                         -  Install wget tool which is used to download the file
     sudo wget  {custom theme upload link}                             -  Download the custom theme file from given upload link
     sudo unzip {upload custom theme zip file name}                    -  Unzip the downloaded custom theme zip folder
   

7. Using below command to copy the custom theme JSON file into deployed dashboard themes folder
   sudo cp {customtheme json file location} {dashboard theme deployed location}
   Example, sudo cp customtheme/cusomtheme.json /var/www/bold-services/application/bi/dataservice/dashboardthemes/

8. Refresh the browser page and open the theme drop down in banner. Now, you can see that added custom theme file name listed in it.

References

• Color Themes for Dashboards – Embedded BI | Bold BI Docs
• Deploying Bold BI in Azure App Service | Bold BI Docs