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

Enhance your career with this limited time 50% discount on Fabric and Power BI exams. Ends August 31st. Request your voucher.

Reply
Anonymous
Not applicable

PowerBI embed configuration and settings not updating/working

Need Help.

I have integrated powerBI embeded chart ( using powerBi-javascript library ). I am able to see my chart in angular web app. 

I have added below configuration but filter pane is not visble  and content pane is not disable/hide ( no change in view/chart).

 

 const config = <IEmbedConfigurationBase><any>{
      type: 'report',
      uniqueId: '40cc1ea5-4ef2-4e63-8c4d-2970a6584be6', // reportId
      id: '40cc1ea5-4ef2-4e63-8c4d-2970a6584be6', // reportId
      tokenType: this.models.TokenType[1],
      embedUrl: 'my-embedUrl',
      accessToken: 'my-accessToken',
      settings: {
        filterPaneEnabled: true,  // true/false is not working
        navContentPaneEnabled: false, // true/false is not working 
      }
    };

 

 

Also, I want to add custom Layout but it's not working. additional configuration and settings are not working.

 

Thanks in advance.

1 ACCEPTED SOLUTION
ibarrau
Super User
Super User

Hi! I think that was the old way to embed. Try this code for settings instead:

settings: {
      panes: {
        filters: {
          visible: true
        },
        pageNavigation: {
          visible: true
        }
      }
    }

You can use this site for embedding references: https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

 

Hope this helps

Regards,


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

Happy to help!

LaDataWeb Blog

View solution in original post

3 REPLIES 3
elfcelkl
Regular Visitor

Hi,

change pageNavigation to false instead of adding navContentPaneEnabled : false. It worked for me to disable tabs under the page.

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

 

ibarrau
Super User
Super User

Hi! I think that was the old way to embed. Try this code for settings instead:

settings: {
      panes: {
        filters: {
          visible: true
        },
        pageNavigation: {
          visible: true
        }
      }
    }

You can use this site for embedding references: https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

 

Hope this helps

Regards,


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

Happy to help!

LaDataWeb Blog

Anonymous
Not applicable

Thanks for quick replay.

I tried-out this solution, but it's not work for me. I don't know what went wrong. I have checked all code twice but still not working. Even not able to hide/show filters!

I refer this links and documentation for embeded configurations - 

  1. https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html 
  2.  https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

 

Thanks

Helpful resources

Announcements
July PBI25 Carousel

Power BI Monthly Update - July 2025

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

Join our Fabric User Panel

Join our Fabric User Panel

This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.

June 2025 community update carousel

Fabric Community Update - June 2025

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