Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Compete to become Power BI Data Viz World Champion! First round ends August 18th. Get started.

Reply
nagaraj
Post Patron
Post Patron

embed report :: hide filter

Hi, 

 We are embedding the report in dotnet application through Javascript, able to embed the report successfully.

 But we are not able to hid 

 

 FilterPane

 NavigationPane

 

Can you please help, below is the java script code block used.

 

var config = {
type: 'report',
tokenType: models.TokenType.Embed,
accessToken: accessToken,
embedUrl: embedUrl,
id: embedReportId,
permissions: models.Permissions.All,
viewMode: DMode,
//settings: {
// navContentPaneEnabled: false
//}


//// Embed the report and display it within the div container.

settings:
{
panes:
{
filters: { expanded: false,visible: false },
pageNavigation: { visible: false }
}
}


};

6 REPLIES 6
Sabarish_Nandha
Regular Visitor

Hi,

 I have embedded the report in angular (Powerbi Desktop report). Here I have one scenario like we have adhoc reports  i.e users can able to modify the powerbi reports and save it. In this we have few pre-loaded filters based on the user preferences and those filters should not be visible to the users in adhoc mode (view mode = 1 -> edit mode).Is there any way to hide those filters (pre-loaded) alone in the filter pane , instead hiding the pane itself. 

v-xuding-msft
Community Support
Community Support

Hi @nagaraj ,

 

Please try this:

settings: {
                      filterPaneEnabled: false,
                      navContentPaneEnabled: false
                    } 
          }; 

 Reference: 

https://community.powerbi.com/t5/Developer/How-to-Hide-Power-BI-iFrame-Embedded-Report-Tabs/m-p/1223...

 

Best Regards,
Xue Ding
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Hi @nagaraj ,

 

Could you tell me if your problem has been solved? If it is, kindly mark the helpful answer as solution if you feel that makes sense. Welcome to share your own solution. More people will benefit from the thread.

 

Best Regards,
Xue Ding
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
amitchandak
Super User
Super User

Hi @amitchandak 

 

 As mentioned in the third URL, i have used the same code block in Java Script.

But not able to hide FILTER PANE and NAVIGATION PANE.

 

As per some other suggestions, tried appending &navContentPaneEnabled = false directly appending to the URL, but no luck remains same.

 

Regards

Nagaraj

remove spaces. It worked for me:

&navContentPaneEnabled=false

Helpful resources

Announcements
August Power BI Update Carousel

Power BI Monthly Update - August 2025

Check out the August 2025 Power BI update to learn about new features.

August 2025 community update carousel

Fabric Community Update - August 2025

Find out what's new and trending in the Fabric community.

Top Solution Authors