cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
lawrenceabith
Helper III
Helper III

How to remove blue outline from embedded report?

Hi Everyone!

 

How to solve this? I need to wipe out this blue box when we click on the report in Power BI Embedded in my app. Help? Would anyone know any way, at least to get around the problem?

 

Many thanks!

 

Lawrence

Blue box problem in Power BI Embedded.jpg

1 ACCEPTED SOLUTION

Hi @lawrenceabith 

I can confirm that changing this behaviour is currently not possible.
The style for the highlight is within the Embedding CSS and cannot be changed from the host application or by some CSS hack.

 

I had raised this question before and was given a response that this highlighting was important for user accessibility.
After seeing this question get raised again by yourself and others, I decided to create a new Power BI Idea that would allow setting the color as part of the embedding process.

This way, the color could be changed to fit in with the host application whilst not affecting accessibility concerns.

https://ideas.powerbi.com/ideas/idea/?ideaid=7837fc9b-8dd8-ea11-bf21-0003ff52cdee

There are obviously no guarantees that it will get picked up, but we can try, right?
Cheers, Matt

View solution in original post

8 REPLIES 8
Greg_Deckler
Super User
Super User

@lawrenceabith  - That seems like something you should be able to control via CSS


@ me in replies or I'll lose your thread!!!
Become an expert!: Enterprise DNA
External Tools: MSHGQM
YouTube Channel!: Microsoft Hates Greg
Latest book!:
Learn Power BI 2nd Edition

Hi @Greg_Deckler,

 

I tried to change it via CSS, but I can't save it because the css file where this property is is inside the power bi portal at Microsoft.

 

This is the css file where has this property:

https://content.powerapps.com/resource/powerbiwfe/styles/reportembed.bundle.min.159ceb997ca3d66a9a9f...

 

Look this post at @alexbjorlig. He has explain the same problem. 

https://community.powerbi.com/t5/Developer/How-to-remove-blue-outline-from-embedded-report/td-p/1040...

 

Many thanks!!!

@lorisites - Any thoughts?

 

Seems like you could target the element with your own CSS with the important! or override setting, I'm a little rusty with my CSS.

 

 


@ me in replies or I'll lose your thread!!!
Become an expert!: Enterprise DNA
External Tools: MSHGQM
YouTube Channel!: Microsoft Hates Greg
Latest book!:
Learn Power BI 2nd Edition

We already tried, but we were unable to subscribe the CSS.

The blue is there because that item is selected (At least that is how it is for me in the sandbox).  If you click the blue again, it should go away.  That being said, the gray background of that background container will remain

 

lorisites_0-1596470362930.png

 

Yes but I need to remove this behavior, because inside my app looks like a formatting error.

Hi @lawrenceabith 

I can confirm that changing this behaviour is currently not possible.
The style for the highlight is within the Embedding CSS and cannot be changed from the host application or by some CSS hack.

 

I had raised this question before and was given a response that this highlighting was important for user accessibility.
After seeing this question get raised again by yourself and others, I decided to create a new Power BI Idea that would allow setting the color as part of the embedding process.

This way, the color could be changed to fit in with the host application whilst not affecting accessibility concerns.

https://ideas.powerbi.com/ideas/idea/?ideaid=7837fc9b-8dd8-ea11-bf21-0003ff52cdee

There are obviously no guarantees that it will get picked up, but we can try, right?
Cheers, Matt

Many thanks @MattCalderwood! Let´s wait.

Helpful resources

Announcements
Microsoft Build 768x460.png

Microsoft Build is May 24-26. Have you registered yet?

Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.

charticulator_carousel_with_text (1).png

Charticulator Design Challenge

Put your data visualization and design skills to the test! This exciting challenge is happening now through May 31st!

Power BI Dev Camp Session 22 768x460.jpg

Check it out!

Mark your calendars and join us on Thursday, May 26 at 11a PDT for a great session with Ted Pattison!

Top Solution Authors