Unale to re-position Page Navigation Pane

[prakharkasliwal]

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.

[Barendnu]

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.

Also see this recent forum post  for more replies from multiple other users, who encounter the same problem.

[Barendnu]

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]

hi

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

Regards,

Lin

[prakharkasliwal]

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]

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

[Barendnu]

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

[kelvinngai]

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]

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]

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

Thanks

Kelvin

[Barendnu]

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