topic Customizing Embedded Report Toolbar Icons in Developer

Customizing Embedded Report Toolbar Icons

tks1011 — Mon, 02 Dec 2024 05:04:27 GMT

Is there a way to hide specific toolbar icons inside the embedded PowerBI report:

Re: Customizing Embedded Report Toolbar Icons

Anonymous — Tue, 03 Dec 2024 03:18:04 GMT

Hi @tks1011 ,

Please review the following links, I hope they will assist you in achieving the requirement.

Configure embedded report settings | Microsoft Learn

Use the action bar to enhance user experience in a Power BI embedded analytics application | Microsoft Learn

Best Regards

How to Hide Icons (highlighted in below Image) in the Embedded Power BI Action Bar

tks1011 — Thu, 05 Dec 2024 05:20:31 GMT

We Wanted to hide these particularly highlighted icons in the PowerBI report action bar. Below are the approaches we tried to work around this problem but did not find any solution:

According to these documentations

Use the action bar to enhance user experience in a Power BI embedded analytics application | Microsoft Learn

Configure embedded report settings | Microsoft Learn

You can either completely hide or show the action bar but in the documentation, there is no mention of how to hide icons of the action bar.

From the documentation we can only control the visibility of panes, bookmarks and bars.

2. Attempt to manipulate Action Bar using bindPowerBIevents:

Unable to manipulate the Action Bar using ‘render’, load’, 'dataSelected' and ‘clickButton’ events, but were unable to access the elements:

3. Manipulating the document of IFrame:
Tried to hide the action bar textbox button with the help of browser console and successfully hid it (in the reportEmbed level), but when tried to access it by below code in the top level (parent page) it shows NULL:

Even though the iframe we are getting from the inspect element(browser) of the embedded report and the iframe we are getting from the above code is exactly same and both have the desired button but when we tried this code:

We are getting ‘NULL’ when we run the code:

Also, when we try to access the contentWindow of the iFrame it gives CORS error:

4. Attempted to make a custom visual and pass javascript into it to manipulate the action bar but the DOM of this custom visual was limited to itself only and could not access any parent page or PowerBI report elements:

Since the above approaches did not yield the desired results, I would greatly appreciate your assistance in finding a solution to customize the action bar (specifically, hiding icons).