When embedding a PowerBI dashboard into an iframe, how do I remove the navigation pane at the bottom

[mtanjang]

I have embedded a PowerBI dashboard into an iframe (typescript), however, I want to remove the navigation panel at the bottom (that has Microsoft Power BI on the left and the FB, X, and LinkedIn buttons on the right).

I have tried various combinations of this:

<iframe
title="Report Title"
width="600"
height="373.5"
src="https://app.powerbi.com/view?r=REPORT&filterPaneEnabled=false&navContentPaneEnabled=false"
frameborder="0"
allowfullscreen="true"
></iframe>

However, the navigation panels is stubborn and refuses to disappear. I will appreciate any help or guidance.

Thank you!

PS

This is what I want to remove...

[mtanjang]

Unfortunately, I have not been able to find a solution for this. I believe that you are correct when you say that I cannot customize this.

[v-menakakota]

Hi @mtanjang ,

May I ask if you have resolved this issue? If so, please mark the helpful reply and accept it as the solution. This will be helpful for other community members who have similar problems to solve it faster.

Thank you.

[v-menakakota]

Hi @mtanjang ,

I wanted to check if you had the opportunity to review the information provided. Please feel free to contact us if you have any further questions. If the response has addressed your query, please accept it as a solution and give a 'Kudos' so other members can easily find it.

Thank you.

[Anonymous · Accepted solution]

HI @mtanjang,

AFAIK, current you can't do customize with these layout and frame properties. Perhaps you can try to summit an idea for add options that allow you to customize these layouts.
Regards,
Xiaoxin Sheng