Solved: iFrame fullscreen issue

kal-tahrawi · ‎07-27-2017

I have an issue with a full-screen in Power BI iframe, some of the iframes are opening in the same tabs and others in new tabs, could you please advise me how to make all iframes open in the same tab instead of new tab.

please check the following URL for more clarification: https://yemen.immap-mena.info/yemen-dashboards/

Eric_Zhang · ‎07-27-2017

@kal-tahrawi wrote:

I have an issue with a full-screen in Power BI iframe, some of the iframes are opening in the same tabs and others in new tabs, could you please advise me how to make all iframes open in the same tab instead of new tab.

please check the following URL for more clarification: https://yemen.immap-mena.info/yemen-dashboards/

@kal-tahrawi

Based on my test and research, it is the attribute allowfullscreen="true" in the iframe table that affects this behavior. The embeded report would show full screen mode in the same tab when this attribute is true. See allowfullscreen

You could copy below demo to a html file, add/remove the allowfullscreen, open the html in a browser to test by yourself.

<html>
   <div class="field field-name-body field-type-text-with-summary field-label-hidden">
      <div class="field-items">
         <div class="field-item even" property="content:encoded"><iframe src="https://app.powerbi.com/view?r=eyJrIjoiMzc5ZTdmZDMtYTYyYy00N2Q2LWI0MDktN2FlM2VmMDcwYzU3IiwidCI6ImY2ZjcwZjFiLTJhMmQtNGYzMC04NTJhLTY0YjhjZTBjMTlkNyIsImMiOjF9" frameborder="0" allowfullscreen="true" width="100%" height="600"></iframe></div>
      </div>
   </div>
   </div>
</html>

View solution in original post

Eric_Zhang · ‎07-27-2017

@kal-tahrawi wrote:

I have an issue with a full-screen in Power BI iframe, some of the iframes are opening in the same tabs and others in new tabs, could you please advise me how to make all iframes open in the same tab instead of new tab.

please check the following URL for more clarification: https://yemen.immap-mena.info/yemen-dashboards/

@kal-tahrawi

Based on my test and research, it is the attribute allowfullscreen="true" in the iframe table that affects this behavior. The embeded report would show full screen mode in the same tab when this attribute is true. See allowfullscreen

You could copy below demo to a html file, add/remove the allowfullscreen, open the html in a browser to test by yourself.

<html>
   <div class="field field-name-body field-type-text-with-summary field-label-hidden">
      <div class="field-items">
         <div class="field-item even" property="content:encoded"><iframe src="https://app.powerbi.com/view?r=eyJrIjoiMzc5ZTdmZDMtYTYyYy00N2Q2LWI0MDktN2FlM2VmMDcwYzU3IiwidCI6ImY2ZjcwZjFiLTJhMmQtNGYzMC04NTJhLTY0YjhjZTBjMTlkNyIsImMiOjF9" frameborder="0" allowfullscreen="true" width="100%" height="600"></iframe></div>
      </div>
   </div>
   </div>
</html>