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

Prepping for a Fabric certification exam? Join us for a live prep session with exam experts to learn how to pass the exam. 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
PBIApril_Carousel

Power BI Monthly Update - April 2025

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

Notebook Gallery Carousel1

NEW! Community Notebooks Gallery

Explore and share Fabric Notebooks to boost Power BI insights in the new community notebooks gallery.

April2025 Carousel

Fabric Community Update - April 2025

Find out what's new and trending in the Fabric community.