Forum Discussion

Anonymous's avatar
Anonymous
Not applicable
4 years ago
Solved

Move pages from bottom to left with powerbi embed sample codes

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

Need Help
  • Anonymous's avatar
    Anonymous
    4 years ago

    Found Solution. Add below code to index.js

     

    settings: {

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

3 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable
    4 years ago

    Hi Anonymous ,

    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

    • Anonymous's avatar
      Anonymous
      Not applicable
      4 years ago

      Found Solution. Add below code to index.js

       

      settings: {

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

  • Anonymous's avatar
    Anonymous
    Not applicable
    4 years ago

    Hi YingYinr

     

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