Unanswered

Can't disable power bi navigation tab on power bi embedded

(0) Share

Report

Posted on by FelipeBR

Hello,

I embedded a power bi report in a power pages and use custom JS to disable the navigation tab. Follow its the print where i insert the custom code that microsoft indicate to do that (Add a Power BI report or dashboard to a webpage in a portal - Power Apps | Microsoft Learn)

But sadly, that didn't work for me. Follow its the print of my power bi embedded in my power pages

Would anyone know a solution to this problem? If so, could you tell me the solution for this. Thank you in advance.

Categories:

General topics

I have the same question (0)

All responses (5)

Answers (0)

OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hi @FelipeBR,
Please use $(window).load instead of $(document).ready - this is because sometimes powerbi report wouldn't load when the document ready event would be fired, thus making the code unusable. Using window.load ensures that the page is fully loaded first. You can find more information on how to use powerbi client side library in my blog post - https://www.dancingwithcrm.com/customizing-embedded-powerbi-in-powerapps-portal/

Was this reply helpful? Yes No
FelipeBR 8 on at

Like (0)

Report
Copy link

Link copied!

Hello @OOlashyn ,
I changed the code as you indicate on the forum but the the navigation tab keep showing on the page. I tested with other report with a filter tab and the same keep showing too.

Do you have any idea what could be happened? If yes, a solution for that. Thank you in advance.

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
@FelipeBR can you try after the page is fully loaded to open the console and run the code there:
// get div container for powerbi report var embedContainer = $(".powerbi")[0]; // get reference to the embedded report var report = powerbi.get(embedContainer); report.updateSettings({ panes: { filters :{ visible: false }, pageNavigation:{ visible: false } } }).catch(function (errors) { console.log(errors); });

Was this reply helpful? Yes No
FelipeBR 8 on at

Like (0)

Report
Copy link

Link copied!

After running this code on the console the following error shows:

Looks like there is no power bi instance on the page but the BI report is loaded on the page. Do have any idea what could be generating this error?

Was this reply helpful? Yes No
OOlashyn 3,496 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

@FelipeBR looks like there is some issue with powerbi bundle. Please check if you have any update available for your Power Pages site - MS recently updated powerbi js version and the site might be expecting that one for some reason. To check if updates are available and how to update - see this official doc - https://learn.microsoft.com/en-us/power-pages/admin/update-solution#update-a-website-package. Also powerbi-client is only supported for powerbi embedded flow - so if you are using AAD auth it will not work for you (you would need to use {% powerbi authentication_type:"powerbiembedded " path:"MyPowerBIURL" %} )

Was this reply helpful? Yes No