web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Pages / Disable Filter Pane in...
Power Pages
Answered

Disable Filter Pane in Power BI Embedded | Power Pages

(0) ShareShare
ReportReport
Posted on by 2,194 Moderator

Hello, Hope you're doing great.

 

I have been trying to hide filter pane on my power bi embedded report on Power Pages Portal.

I have hidden the filter pane from power Bi but it's still visible in Power Pages Site.

I have tried the following:

&filterPaneEnabled=False

It didn't work.

Also tried the following code:

$( 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) });
 });
});

It also didn't work.

Kindly help me out here thanks.

Categories:
I have the same question (0)
  • Verified answer
    Shaheer Ahmad Profile Picture
    2,194 Moderator on at

    Found the solution... I was pasting the code in  Localized Contents...

     

    To add custom JavaScript to a webpage:

    1. Open the Portal Management app.
    2. Select Web Pages from the left pane.
    3. Select the webpage that contains the Power BI report or dashboard.
    4. Select Advanced tab.
    5. Copy and paste the JavaScript inside the Custom JavaScript section.
    6. Select Save & Close.

    Code:

    $(document).ready(function () {
     var embedContainer = $(".powerbi")[0];
     if (embedContainer) {
     var report = powerbi.get(embedContainer);
     report.on("loaded", function () {
     report.updateSettings({
     panes: {
     filters: {
     visible: false
     },
     pageNavigation: {
     visible: false
     }
     }
     }).catch(function (errors) {
     console.log(errors);
     });
     })
     }
    });

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Season of Sharing Community Challenge Launch!

Jump in, show your community spirit, and win prizes!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the May Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
11manish Profile Picture

11manish 46

#2
Valantis Profile Picture

Valantis 24

#2
omkarsupreme Profile Picture

omkarsupreme 24

Last 30 days Overall leaderboard