set background image for all the pages in a report (PBIX) file at one go.

[amty63]

I have 30 pages in the report. Need to set background image for all the pages. Is there any solution to do in one go.

[martinitram69]

The syntax for the background in the json theme file is:

the syntax for the background is:

                "outspace": [

                    {

                        "image": {

                            "name": "yourimagename",

                            "scaling": "Fit",

							"url": "data:image/jpeg;base64,lotsoflettersandnumbers"

                        },

                        "transparency": 50

                    }

                ],

Use this brilliant site to encode your image: https://www.base64-image.de/

Click 'copy image' and paste it in the 'lotsoflettersandnumbers'

[adampope]

@Tahreem24, it's not just Power BI that can't access your image at:

C:\A folder\Another Folder\ExampleBackground.png  

Maybe try a web-based location instead, and put the full path to the image in the url element?

There's a page here that offers a similar solution to the above, by the way.

[v-xicai · Accepted solution]

Hi @amty63 ,

You can customize Power BI Theme, see more details: Custom Power BI Themes: Page Background Images , Use Report Themes in Power BI Desktop.

Best Regards,

Amy

Community Support Team _ Amy

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

[Anonymous]

The link for this solution goes to a page that has been taken down. 

Could someone please post the solution here if they know how to do it. 

[amty63]

Hi Marzipanly,

Yes, you can go to view option in Power BI desktop and customise themes or use theme gallery as well. I am attaching the screenshot.

Hope this post helps you.

[Anonymous]

@amty63 

Thanks for the reply. Using Customize themes I can change the colour of the background on all pages, but I can't add an image. It As far as I can tell, if you want to change the image background then you need to edit the theme's .json file, but I can't figure out the right format to use for specifying the image. 

[Tahreem24]

@amty63 ,

Give a try by importing JSON file which include background image in PBIX file.

Don't forget to hit Thumbs up and accept this as a solution if you find it helpful! 

[Tahreem24]

@amty63 ,

Below is the JSON code I got for background image:

{
               "name": "Page Background Image",
               "visualStyles": {
                        "page": {
                              "*": {
                                      "background": [
                                               {
                                                  "image": {
                                                         "name": "Background",
                                                         "scaling": "Fit",
                                                         "url": "xxxxx"
                                                },
                                                "transparency": 0
                                       }
                                  ]
                           }
                    }
           }
}

[XeniaBarmotska]

Thank you so much, it works. Sorry, that the autor of this post didn't chacked your answer as Solution.

[Anonymous]

@Tahreem24 

What format/structure do we need to use for the URL and name of the image? Could you please complete with a full example of an image on one's local drive. 

I've tried the following but it doesn't work: 

{
               "name": "Page Background Image",
               "visualStyles": {
                        "page": {
                              "*": {
                                      "background": [
                                               {
                                                  "image": {
                                                         "name": "ExampleBackground.png",
                                                         "scaling": "Fit",
                                                         "url": "C:\A folder\Another Folder\"
                                                },
                                                "transparency": 0
                                       }
                                  ]
                           }
                    }
           }
}

Thanks