Enabling Full Screen Mode in iFrame Embedding

If you are having trouble with full-screen mode not working in iFrame embedding, you can resolve this issue by adding the allowfullscreen attribute to the iFrame tag.

Example

Here’s an example of how to add the allowfullscreen attribute to an iFrame tag:

<iframe src='http://localhost:53623/bi/site/site1/dashboards/523d298e-cfed-4746-9d29-eb1cc73b1537/Health%20Care/Sales%20Analysis%20Dashboard?isembed=true' id='dashboard-frame' width='100%' height='100%' allowfullscreen frameborder='0'></iframe>

By adding the allowfullscreen attribute, you enable the full-screen mode for the embedded content, allowing users to view it in full screen without any issues.

Additional References

• iFrame-based Embedding
• iFrame-based SSO Embedding