Power BI Action Bar not visible in Power BI Embedding

[AyushAgarwal23]

I have embedded a Power BI Report in a a web application via embed token approach, but i am not able to show action bar to end user.

Action Bar as below:

I have already given the below API Permissions in Azure:

1)Dataset.ReadWrite.All

2)Report.ReadWrite.All

3)UserState.ReadWrite.All

Here is the code i am using to enable the action bar:

"return {

        type: 'report',

        id: data.id,

        embedUrl: data.embedUrl,

        accessToken: data.embedToken,

        tokenType: models.TokenType.Embed,

        settings: {

          bars: {

            statusBar: { visible: true },

            actionBar: { visible: true }, //  Force-enable Action Bar

          },

          panes: {

            filters: { visible: true },

            pageNavigation: { visible: true, position: 1 },

            bookmarks: { visible: true },

          },

          personalBookmarksEnabled: true,

          navContentPaneEnabled: true,

          layoutType: models.LayoutType.Custom,

          customCommands: [

            //  Correct way to add Export button

            {

              name: 'exportData',

              title: 'Export Data',

              displayOption: models.CommandDisplayOption.Visible,

            },

          ],

        },

      };"

Below is the code we are using to render the report:

"<PowerBIEmbed

        embedConfig={config}

        cssClassName='report-embed'

        getEmbeddedComponent={(embeddedReport) => {

          console.log(' Power BI Component Embedded:', embeddedReport);

          reportRef.current = embeddedReport;

        }}

      />"

And report is getting rendered but action bar is not visible.

Below are the logs i am getting while logging the embeddedReport:

settings:

1. bars:
   1. actionBar: {visible: true}
   2. statusBar: {visible: true}
   3. [[Prototype]]: Object
   4. customCommands: [{…}]
   5. filterPaneEnabled: undefined
   6. layoutType: 1
   7. navContentPaneEnabled: true
   8. panes: {filters: {…}, pageNavigation: {…}}
   9. personalBookmarksEnabled: true

[v-pagayam-msft]

Hi @AyushAgarwal23  ,
Thank you for your reaching out to us on Microsoft Fabric Community Forum!
Since your Azure AD permissions and embed settings appear correct, but the Action Bar is still not visible, this may require deeper investigation. I recommend opening a Microsoft Support ticket. 

To raise a support ticket for Fabric and Power BI, kindly follow the steps outlined in the following guide:

How to create a Fabric and Power BI Support ticket - Power BI | Microsoft Learn

If this post helps, please give us Kudos and consider marking it Accept as solution to assist other members in finding it more easily.