Move pages from bottom to left with powerbi embed sample codes

[Jimmy_hu]

Download Powerbi embed sample codes from Github and managed to embed own report to work via .Net core - Embeded to Customers. However, current embeded report's pages in bottom, how can I list pages in Left pane. Checked all .cs codes, didn't find any places can change this design

[Jimmy_hu]

Hi YingYinr

could you also advise what code file should add your mentioned codes. I didn't find the any embedConfig in sample code

[v-yiruan-msft]

Hi @Jimmy_hu ,

Do you want to move the page navigation from the bottom to the left as shown in the image below? If so, you can apply the following codes in sample codes. 

var embedConfig = {
    ...
    settings: {
        panes: {
            pageNavigation: {
                visible: true,
                position: models.PageNavigationPosition.Left,
            }
        }
    }
};

And you can check the link below for more details.

Change orientation of Power BI page tabs to vertical  (check Message 13 from @kevnotec )

Page navigation

Best Regards

[Jimmy_hu · Accepted solution]

Found Solution. Add below code to index.js

settings: {

panes: {
pageNavigation: {
visible: true,
position: models.PageNavigationPosition.Left,
}
}