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
