Unanswered

How do you customize Power BI Embedded config settings?

(0) Share

Report

Posted on by arpost

455

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.

settings: {
 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).

Categories:

Customize & extend

I have the same question (0)

All responses (17)

Answers (1)

bigpix2000 54 on at

Like (0)

Report

Have you tried it and it had no effect?

Was this reply helpful? Yes No
arpost 455 on at

Like (0)

Report
Yep. Tried to use the code provided to no effect. Granted, I wasn't sure what I was supposed to select for the element reference (i.e., '.portal-pbi-embedded') in the rpEle variable. This is the code in the linked post above but with the filter pane property:
$( document ).ready(function() { var rpEle = $('.portal-pbi-embedded'); // select report element var report = powerbi.get(rpEle[0]); // get report instance // we want to update settings when the report is loaded report.on("loaded", function () { const newSettings = { panes: { filters :{ visible: false // hide filter pane } } }; report.updateSettings(newSettings) .catch(error => { console.log(error) }); }); });

Was this reply helpful? Yes No
ralphsogeti 4 on at

Like (0)

Report

That may be the issue. It’s an iframe under the covers and the reference might be different. Did you get the element name from dev tools in your browser?

Was this reply helpful? Yes No
arpost 455 on at

Like (0)

Report

I tried to, but I wasn't sure which element I should be grabbing.

Was this reply helpful? Yes No
ralphsogeti 4 on at

Like (0)

Report

Ah so in that example they knew the element or rather the setting they wanted to change and also how to change it. Likely they knew how to do it from looking at the report via the web or they found the setting in the docs. With the dev tools we can potentially find the setting for the navigation assuming it’s a setting and not just a region to change. If you do not see the navigation when you bring it in the power page via the dev tools then you need to look at it from power bi … hopefully we get closer to it

Was this reply helpful? Yes No
bigpix2000 54 on at

Like (0)

Report

Have you tried looking at the power page side to see the nav from there yet?

Was this reply helpful? Yes No
arpost 455 on at

Like (0)

Report
Are you referring to trying with the Web Dev Tools Inspector? If so, I tried, but I wasn't sure which element to pick. I found the ID for both the outer and inner iFrames, but I'm not sure what to do to select the iFrame within the outer iFrame document. As best I can tell, the structure is this:

iFrame
#document
HTML
Body
iFrame
#document
The JS I'm trying to use looks like it is referencing a CSS class:

$( document ).ready(function() {
var rpEle = $('.portal-pbi-embedded'); // select report element
var report = powerbi.get(rpEle[0]); // get report instance

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

Like (0)

Report

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.

Was this reply helpful? Yes No
arpost 455 on at

Like (0)

Report

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.

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

Like (0)

Report
@arpost can you try to use the selector ( .powerbi) I mentioned in my article and see if that one helps?
// get div container for powerbi report var embedContainer = $(".powerbi")[0]; // get reference to the embedded report var report = powerbi.get(embedContainer);

Was this reply helpful? Yes No