web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Embedding Powerapps in...
Power Apps
Unanswered

Embedding Powerapps in Wordpress

(0) ShareShare
ReportReport
Posted on by 7

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

 

Categories:
I have the same question (0)
  • v-chengfen-msft Profile Picture
    Microsoft Employee on at

    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

  • Shazia Profile Picture
    7 on at

    Shazia_0-1676559615011.png

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

     

     

  • nickcalepa Profile Picture
    2 on at

    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the March Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 530

#2
WarrenBelz Profile Picture

WarrenBelz 459 Most Valuable Professional

#3
Haque Profile Picture

Haque 314

Last 30 days Overall leaderboard