topic Collapse icon on the left page-navigation pane in an embedded report is hidden. in Developer

Collapse icon on the left page-navigation pane in an embedded report is hidden.

jgehani — Fri, 07 Mar 2025 17:51:01 GMT

In our angular application, we embed a paginated report with page navigation enabled and docked to the left.
On doing that, the icon to collapse pageNavigation bar is not visible.
Is there a way to get the collapse icon in the pane?
Below are the configuration settings that are being used:
let pbiConfig = {
        type: 'report',
        tokenType: models.TokenType.Aad,
        accessToken: accessToken,
        settings: {
          panes: {
            filters: {
              expanded: false,
              visible: true
            },
            bookmarks: {
              visible: false,
            },
            fields: {
              visible: true
            },
            selection: {
              visible: true
            },
            syncSlicers: {
              visible: true
            },
            visualizations: {
              visible: true
            },
            pageNavigation: {
              position: 1
            }
          },
          bars: {
            statusBar: {
              visible: true
            },
            actionBar: {
              visible: true
            }
          },
          hyperlinkClickBehavior: models.HyperlinkClickBehavior.RaiseEvent,
          personalBookmarksEnabled: true,
          persistentFiltersEnabled: true,
          bookmarksPaneEnabled: false,
          authoringHintsEnabled: true,
          filterPaneEnabled: false,
          navContentPaneEnabled: true,
          visualSettings: {
            visualHeaders: [{ settings: { visible: true } }]
          }
        },
        embedUrl: <embedUrl>,
        id: id
      };
On a user action we dynamically hide the actionBar using updateSettings method.

Image 1: PBI App
Image 2: Embedded report

Re: Collapse icon on the left page-navigation pane in an embedded report is hidden.

mariussve1 — Sat, 08 Mar 2025 07:20:18 GMT

Hi,

This might not be the optimal solution, but could you use Bookmarks?

Create one bookmark where the pane is visible and another where it is collapsed/hidden.

Then, add a button that triggers these bookmarks.

Re: Collapse icon on the left page-navigation pane in an embedded report is hidden.

v-hashadapu — Fri, 20 Jun 2025 06:30:17 GMT

Hi @jgehani , Thank you for reaching out to the Microsoft Community Forum.

No, it is not possible to show the collapse icon for the page navigation pane in embedded paginated reports using the current Power BI JavaScript SDK. This is a limitation of the embedding experience.

Re: Collapse icon on the left page-navigation pane in an embedded report is hidden.

v-hashadapu — Mon, 28 Apr 2025 10:09:12 GMT

Hi @jgehani , Please let us know if your issue is solved. If it is, consider marking the answer that helped 'Accept as Solution', so others with similar queries can find it easily. If not, please share the details.
Thank you.

Re: Collapse icon on the left page-navigation pane in an embedded report is hidden.

v-hashadapu — Mon, 05 May 2025 09:47:18 GMT

Re: Collapse icon on the left page-navigation pane in an embedded report is hidden.

v-hashadapu — Fri, 20 Jun 2025 06:31:08 GMT

Hi @jgehani , We are closing this thread as we haven't heard from you in a while, according to our follow-up policy. If you have any more questions, please start a new thread on the Microsoft Fabric Community Forum. We will be happy to assist you! Thank you for being part of the community!