Skip to main content

Change Outer Background Of Power BI Report

Overview
In this article, we will talk about how you can change the outer background of your report page.
Previously, when you embedded your Power BI report to any SharePoint Page or any HTML page, you found a gray default background around your report.
Now, there is a question of how you can change that gray color’s outer background from Embedded Power BI report or from Power BI service.
Now, let’s get started.
Refer to the following image before we have applied any solution for the report.

 
You can see the gray background around the report.
Here’s a solution for the same.
Step 1
Create one JSON file and add the following code within it.
  1. {  
  2.   "name""MyCustomTheme",  
  3.   "visualStyles": {  
  4.     "*": {  
  5.       "*": {  
  6.         "outspace": [{  
  7.           "color": {  
  8.             "solid": {  
  9.               "color""#FF333C"  
  10.             }  
  11.           }  
  12.         }]  
  13.       }  
  14.     }  
  15.   }  
  16. }  
Here, The Property named “outspace” is responsible for the Outer background color.
Save your JSON file.
Step 2
Now, we need to Import the JSON file in Power BI Desktop.
Before you begin, make sure that you have enabled the Preview Feature for Custom Themes.
From Preview Feature, Select Custom report themes. Restart Power BI desktop. If you have already enabled this feature, then skip this step.

 
Step 3
From Home, select Switch Theme and select the JSON file which you created for the Theme.

 
 

 
Step 4
Once the theme is applied successfully, it will prompt the following message.

 
Now, let’s republish the Power BI report.
Step 6
Our outer background of the report has been changed. Please refer to the following screenshot for the same.

 
Step 7
Now, if we embed the report in the HTML page instead of the OOTB gray background it will show our custom background.

 
Conclusion
This is how we can change the OOTB gray outer background in Power BI.

Comments

Popular posts from this blog

How to partition or split DataTable in C#?

Today we will discuss how we can divide or split a very large data table into fixed size of chunks? Scenario: Suppose there is a data table which has 1000 Rows. When you perform for each loop on data table and read each row at that time it will take too much time. If we devide 1000 Rows datatable into 10 fixed sizes (e.g. 100 Rows) datatable, It will take less time. Let's check how to achieve it. Here is a code. private static List<DataTable> SplitTable(DataTable originalTable, int batchSize) { List<DataTable> tables = new List<DataTable>(); int i = 0; int j = 1; DataTable newDt = originalTable.Clone(); newDt.TableName = "Table_" + j; newDt.Clear(); foreach (DataRow row in originalTable.Rows) { DataRow newRow = newDt.NewRow(); newRow.ItemArray = row.ItemArray; newDt.Rows.Add(newRow); i++; if (i == batchSize) ...

How To Lock Objects In Power BI

Overview Sometimes, there is a situation where when we open a report and click on any visual it accidentally nudges a chart a little bit to the right or left. Sometimes, by mistake when viewing a report, the arrangement of visuals scatters a little bit. Microsoft rolls out one new amazing feature to resolve this issue, that is, Lock Objects in Power BI. Advantages of using this feature When our purpose is to only view a report, this feature is a boon for us. Visualization’s position is not changed. Saves a lot of the developer's time to resolve the position related issues. Note   -  This feature is not saved with the report. So, every time you open a report, you need to enable this feature. Now, let’s understand this feature in a brief manner. To understand this, I will first show you one report in which I have not enabled “Lock Objects” feature. Step 1 The below screenshot shows my report which doesn’t have the enabled Lock Objects feature. ...

Use SharePoint Online List As A Data Source In Power BI

Introduction In this article, we will check how we can use SharePoint List as a data source in Microsoft Power BI. Please follow the below steps to establish the connection of SharePoint Online list with Power BI.  Step 1 Open Power BI Desktop > Get Data > Click More.   Step 2 Search for SharePoint > SharePoint Online List.   Step 3 Enter the URL of your SharePoint site.   Step 4 Click on Organizational account > Sign In.   Step 5 It will open the screen of Office 365 Login > Enter Credentials.   Step 6 Click on Connect.   Step 7 It will show all the lists available in the SharePoint - lists are on the left corner and their preview is on the right. Select all the lists which you want to use directly in the Power BI. Click on Load.   Step 8 It will load all the lists. Expand "Fields" column to view all the fields shown in the SharePoint List.   We can also view all the...