topic Re: How to remove blue outline from embedded report? in Developer

How to remove blue outline from embedded report?

lawrenceabith — Mon, 03 Aug 2020 13:31:56 GMT

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

Re: How to remove blue outline from embedded report?

Greg_Deckler — Mon, 03 Aug 2020 13:37:17 GMT

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

Re: How to remove blue outline from embedded report?

lawrenceabith — Mon, 03 Aug 2020 13:45:46 GMT

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.css

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/1040053#

Many thanks!!!

Re: How to remove blue outline from embedded report?

Greg_Deckler — Mon, 03 Aug 2020 13:51:32 GMT

Anonymous - 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.

Re: How to remove blue outline from embedded report?

lawrenceabith — Mon, 03 Aug 2020 14:11:51 GMT

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

Re: How to remove blue outline from embedded report?

Anonymous — Mon, 03 Aug 2020 16:00:29 GMT

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

Re: How to remove blue outline from embedded report?

lawrenceabith — Mon, 03 Aug 2020 19:26:01 GMT

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

Re: How to remove blue outline from embedded report?

Anonymous — Fri, 07 Aug 2020 09:19:45 GMT

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

Re: How to remove blue outline from embedded report?

lawrenceabith — Fri, 07 Aug 2020 19:56:52 GMT

Many thanks Anonymous! Let´s wait.