embed report :: hide filter

[nagaraj]

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 }
}
}

};

[amitchandak]

@nagaraj , refer if this can help

https://radacad.com/power-bi-embedded-power-bi-customized-for-you
https://visualbi.com/blogs/microsoft/powerbi/embed-power-bi-reports-dashboards-applications/
https://www.codemag.com/Article/1905061/Creating-Embedded-Reports-in-Your-Web-Apps-with-Power-BI-Emb...

[nagaraj]

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

[v-xuding-msft]

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...

[v-xuding-msft]

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.