Forum Discussion

anchevski_98's avatar
anchevski_98
Regular Visitor
1 year ago
Solved

[PowerBI Embedded] Page Navigation not appearing when on Mobile Layout.

I have this problem where I am using PowerBI Embedded in my Angular application when I am configuring the embedding for Mobile and Tablets and selecting for layout : LayoutType.MobilePortrait or LayoutType.MobileLandscape the page navigation is disappearing which is not the case when I am using the default layour: LayoutType.Master. Irregardles of what position I put for the Mobile Layouts I do not see the Page Navigation Menu. Is this the normal behaviour or I am doing something wrong. 

Code Example for the configuration  for Mobile Layout:

 

Need Help
  • Anonymous's avatar
    Anonymous
    1 year ago

    Hi anchevski_98 ,

     

    As far as I know, the page navigation arrows are visible on embedded reports by default.

    let embedConfig = {
    ...
    settings: {
        navContentPaneEnabled: true
    }
};

    I think you can try to change the position of page navigation.

    let embedConfig = {
    ...
    settings: {
        panes:{
            pageNavigation: {
                visible: true,
                position: PagesPosition.Left
            }
        }    
    }
};

    For reference: Configure embedded report settings | Microsoft Learn

    You can also refer to this blog for How to embed a report using mobile layout.

     

    Best Regards,
    Rico Zhou

     

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

     

     

2 Replies

  • Anonymous's avatar
    Anonymous
    Not applicable
    1 year ago

    Hi anchevski_98 ,

     

    As far as I know, the page navigation arrows are visible on embedded reports by default.

    let embedConfig = {
    ...
    settings: {
        navContentPaneEnabled: true
    }
};

    I think you can try to change the position of page navigation.

    let embedConfig = {
    ...
    settings: {
        panes:{
            pageNavigation: {
                visible: true,
                position: PagesPosition.Left
            }
        }    
    }
};

    For reference: Configure embedded report settings | Microsoft Learn

    You can also refer to this blog for How to embed a report using mobile layout.

     

    Best Regards,
    Rico Zhou

     

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

     

     

  • Anonymous's avatar
    Anonymous
    Not applicable
    1 year ago

    do u solved? i cant show filter pane in mobile layout even with this config:

    settings: {
                                        navContentPaneEnabled: true,
                                        layoutType: models.LayoutType.MobileLandscape,
                                        panes: {
                                            filters: {
                                                visible: false
                                            },
                                            pageNavigation: {
                                                visible: true,
                                                position: 1
                                            }
                                        }
                                    }