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

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Unale to re-position Page Navigation Pane

We were unable to move the page navigation pane from bottom of the report to the "left" side. We also referred the Power BI Embed Playground and tried to change the position using the code, but it did not work there as well. Refer to the screenshot attached.

 

NOTE: This feature was working perfectly fine as on 03-15-2021.

 

Microsoft Page Navigation - Issue.png

 

Status: New
Comments
Barendnu
Advocate III

I am observing the same issue.  PageNavigationPosition.Left was working last week, and today tabs are appearing at the bottom of the page. No code changes made. Currently running v2.17.2, tried upgrading to v2.18.0 but the issue still persisted.

v-lili6-msft
Community Support

hi

PG confirms it is bug and the fix should be deployed next week.

 

Regards,

Lin

prakharkasliwal
Advocate I

Date: 5th April, 2021.

Looks like the issue/ bug has been fixed and the pages are functioning the way we expect.

 

Thanks and @amshuste can you confirm?

amshuste
Power BI Team

Yes, it is fixed now 🙂 We are sorry for the regression.

Barendnu
Advocate III

Yes, back up and running, without requiring any code changes. Thanks!

kelvinngai
Advocate I

Hi @Barendnu  @amshuste 

 

is it still working for you?

I tried in the playground, it is not working. 

 

I just got this requirement from user to show the page name at left and cannot figure out how to set it

 

Thanks

Kelvin

Barendnu
Advocate III

Hi @kelvinngai ,

Yes, this actually still works for us as expected: the navigation pane is shown on the left-hand side of the screen. This is the code we use:

 

				var config = {
					type: 'report',
					tokenType: models.TokenType.Embed,
					accessToken: accessToken,
					embedUrl: embedUrl,
					id: embedReportId,
					permissions: models.Permissions.All,
					settings: {
						panes: {
							bookmarks: {
								visible: false
							},
							fields: {
								expanded: false
							},
							filters: {
								expanded: false,
								visible: false
							},
							pageNavigation: {
								visible: true,
								position: models.PageNavigationPosition.Left
							},
							selection: {
								visible: false
							},
							syncSlicers: {
								visible: false
							},
							visualizations: {
								expanded: false
							}
						}
					}
				};

				// Embed the report and display it within it's html-element.
				powerbi.embed(document.getElementById('report-container'), config);
kelvinngai
Advocate I

Thank you @Barendnu 

 

So strange, it is not working for me. I tried in the power bi playground and it is not working as well. Any idea?

https://playground.powerbi.com/en-us/dev-sandbox

kelvinngai_0-1663676146825.png

 

Thanks

Kelvin

Barendnu
Advocate III

Hi @kelvinngai ,

 

Hmm no not directly. I also seem to be unable to activate it in the playground, but maybe I'm wrongly using a piece of code. If the problem persists, I would suggest to open a new issue, addressed to Microsoft.

 

Kind regards,

Barend