web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Apps - Building Power Apps Embedding Powerapps in...

Power Apps - Building Power Apps

Unanswered

Embedding Powerapps in Wordpress

Like (0) Share

Report

Report

Posted on 15 Feb 2023 11:16:25 by Shazia

7

After embedding the PowerApps in WordPress, how to get the PowerApps as full screen ?

I have the same question (0)

Summarized by AI

AI generated content may be incorrect

Did you find this summary helpful?

All responses Img

All responses (3)

Answers Img

Answers (0)

nickcalepa 2 on 29 Mar 2023 at 00:13:46

Like (0)

Report
Re: Embedding Powerapps in Wordpress

I am not a developer but you could try this code below. Please note your tenant environment.

https://apps.powerapps.com/play/[AppID]?source=iframe
Or:
https://apps.gov.powerapps.us/play/[AppID]?source=iframe

<style> html, body {margin: 0; height: 100%; overflow: hidden} </style> <iframe src="https://apps.gov.powerapps.us/play/XXX" width="100%" height="95vh" frameborder="0" scrolling="0" style=" height: 95vh; " seamless="seamless" allowfullscreen="allowfullscreen"></iframe>

Nick

Was this reply helpful? Yes No
Shazia 7 on 16 Feb 2023 at 15:01:38

Like (0)

Report
Re: Embedding Powerapps in Wordpress

Not fitting in fullscreen even after [allowfullscreen frameborder="0"] in iframe

Was this reply helpful? Yes No
v-chengfen-msft on 16 Feb 2023 at 02:07:50

Like (0)

Report
Re: Embedding Powerapps in Wordpress

Hi @Shazia ,'
Could you tell me you are using an iframe to embed a PowerApps app in WordPress?
If yes, you can make it full screen by modifying the iframe code. Here's how you can do it:
Locate the iframe code used to embed a PowerApps app in WordPress. The iframe code will look like this:
<iframe src="https://yourapp.powerapps.com/" width="600" height="800" frameborder="0"></iframe>
Make a PowerApps app full screen with the height attribute from the iframe code. You should also set the allowfullscreen property to "true" to allow the application to display in full screen mode. The modified iframe code should look like this:
<iframe src="https://yourapp.powerapps.com/" allowfullscreen frameborder="0"></iframe>
Save the modified iframe code and refresh the page where the PowerApps app is embedded. Now, when the user clicks the fullscreen button, the app should display in fullscreen mode.

Note that some browsers may block full screen mode for security reasons. In this case, when the user clicks the fullscreen button, the user will be prompted to allow fullscreen mode.

Best Regards
Cheng Feng

Was this reply helpful? Yes No