You’re offline. This is a read only version of the page.
453
Greetings, community. We are wanting to use Power Pages to provide Power BI reports to users, and I'm trying to figure out how to customize a report's config settings and wondered if anyone else in the community has done a lot with this/has ideas. As an example, I'm wanting to disable the PageNavigation property.
Share
Reportsettings: {
panes: {
pageNavigation: {
visible: false
}
}
}
I found this link (community post) but wasn't sure how to get that working in Power Pages. I'm specifically thinking about how to customize the settings as laid out in this MS article (link).
Oh, I see now - you are using authentication type aad. Unfortunately, powerbi js is only available if you are using powerbiembedded as an authentication type (see more here https://learn.microsoft.com/en-us/power-pages/getting-started/add-power-bi#general-power-bi-considerations)
@OOlashyn, appreciate the reply. Not seeing anything in the console regarding Power BI, and the report renders fine.
I just did a test with a "vanilla" Power BI report added using the Design Studio and am not seeing a noticeable difference. I cut out some segments for privacy.
Here's the Power Pages code:
My article was written before Power Pages existed, but this functionality should work the same in Power Pages. With that being said - your screenshot looks unusual to me as it is lacking general powerbi wrapper. Are you adding your power bi report via liquid or via Power Pages Studio? Do you have any errors in the console in regard to the powerbi
@OOlashyn, I attempted to do that as well. No luck. Similar error message, but this time it was referencing the div above the iFrame. Similar error when references both objects by class (highlighted below with some code removed for privacy reasons):
Does your article work/have you gotten it to work in Power Pages? Or is that just for Power Apps Portals?
Unfortunately, @OOlashyn, that doesn't work. I used the code from your article to test. The console logs an error as follows:
You attempted to get an instance of powerbi component associated with element <iframe class = powerbi... </iframe> but there was no associated instance.
I cleaned up the message a bit, but that's the gist. It looks like it does indeed find the iFrame. Any thoughts?
@arpost can you try to use the selector ( .powerbi) I mentioned in my article and see if that one helps?
All responses (
Answers (
// get div container for powerbi report
var embedContainer = $(".powerbi")[0];
// get reference to the embedded report
var report = powerbi.get(embedContainer);
Super delayed reply on my part, @OOlashyn. I still haven't been able to identify which div to target to make the above work. Any ideas on how to figure out which div to target? I had hoped the recent move to a newer version of Bootstrap would make a difference, but nothing.
hi @arpost ,
You would need to grab a div container for the powerbi report to intercept onload event. See my article about working with PowerBI in Portal - https://www.dancingwithcrm.com/customizing-embedded-powerbi-in-powerapps-portal/. Keep in mind that not all setting specified in documentation for powerbi client are available in Power Pages as Power Pages uses older version for powerbi client.
#1
Fubar
69
Super User 2025 Season 1
#2
oliver.rodrigues
49
Most Valuable Professional
#3
Jon Unzueta
43
