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

[jgehani]

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

  

[v-hashadapu]

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!

[v-hashadapu]

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.

[v-hashadapu]

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.

[v-hashadapu]

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.

[mariussve1]

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.