Power BI embedded report - use new look with page navigation on the left

[trubeko]

Hello,

I use the Power BI JavaScript library to embed Power BI reports into my web application. By default, embedded reports have the "old look" of the Power BI - the one where pages of the report are displayed as "tabs" in the bottom part of the embedded frame. Meanwhile, Power BI introduced a "new look" in 2019. In particular, report pages are now displayed to the left of the report content, and this is the feature that interests me the most.

Is it possible to customize the Power BI embed configuration in order to have the "new look" experience in the embedded report? In particular, is it possible to have the report pages on the left navigation bar, and not in the bottom part of the embedded frame?

Thank you,

Tim

[marcusbonus]

Hi,

With the powerbi-client v2.19.1 library, you can simply do this :

const config = {
...
            settings: {
                panes: {
                    pageNavigation: {
                        visible: true,
                        position: models.PageNavigationPosition.Left
                    }
...

[v-xicai]

Hi @trubeko ,

It is not supported to have the "new look" experience in the embedded report in Power BI currently . From the official planned feature page , the feature is not yet planned . While your demand is a good idea, you can post your new idea in Idea Forum , add your comments there to improve Power BI and make this feature coming sooner.

Best Regards,

Amy 

Community Support Team _ Amy

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

[gregpetrossian]

Hey Tim,

The Power BI "new look" you are referring to is the updated Power BI App experience in the Service (PowerBI.com). This new look is the customizable left hand navigation, although in Power BI Desktop the tabbed "old look" look is still inherit in the PBIX itself.

Yes it is absolutely possible to build the "new look" in your Power BI embedded app but you will have to develop the nav bar yourself and hide the tabs. We modeled our Power BI embedded app after the new look, screen shot and blog post linked here.