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

Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM. Register now.

Reply
anchevski_98
Regular Visitor

[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:

anchevski_98_0-1729861709538.png

 

1 ACCEPTED SOLUTION
Anonymous
Not applicable

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.

 

 

View solution in original post

2 REPLIES 2
Anonymous
Not applicable

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
}
}
}
Anonymous
Not applicable

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.

 

 

Helpful resources

Announcements
FabCon Global Hackathon Carousel

FabCon Global Hackathon

Join the Fabric FabCon Global Hackathon—running virtually through Nov 3. Open to all skill levels. $10,000 in prizes!

October Power BI Update Carousel

Power BI Monthly Update - October 2025

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

FabCon Atlanta 2026 carousel

FabCon Atlanta 2026

Join us at FabCon Atlanta, March 16-20, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.