Unanswered

Can't insert 2 iframes of PowerApps on one html page

(0) Share

Report

Posted on by alpha

Hello everyone, this is my first post in community. I really need your help

I have a problem with PowerApps import in to website page, currently I have 2 PowerApps and I want to import them on one

website page, side by side. but I can only show one , I have tried to write different css methods to let these 2 show together , but

doesn't work

Thanks for your help in advance !

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (1)

Verified answer

v-xida-msft on at

Like (1)

Report
Hi @alpha,

I have made a test on my side and don't have the issue that you mentioned. My embed PowerApps apps work well as below:My HTML code read as below:

<!DOCTYPE html> <html> <head> <title>PowerApps app Intergrate with Website</title> </head> <body> <style> .box{ float: left; margin-right: 20px; } </style> <div class="box"> <iframe width="400" height="720" src="https://web.powerapps.com/webplayer/iframeapp?source=website&screenColor=rgba(165,34,55,1)&appId=/providers/Microsoft.PowerApps/apps/xxxxxxxx-6519-4a6f-xxxx-66a0d31efcb8" allow="geolocation; microphone; camera"></iframe> </div> <div> <iframe width="400" height="720" src="https://web.powerapps.com/webplayer/iframeapp?source=website&screenColor=rgba(165,34,55,1)&appId=/providers/Microsoft.PowerApps/apps/xxxxxxxx-c529-492d-xxxx-99702f44b7d9" allow="geolocation; microphone; camera"></iframe> </div> </body> </html>

Please take a try to use the </iframe> closing tag as above within your HTML code, the Self-closing tag (/>) doesn't work. Please check and see if the following article would help in your scenario:

https://stackoverflow.com/questions/8068578/how-do-i-use-multiple-iframes-in-my-html-page

More details aboout embeding PowerApps app in a website, please check the following article:

Embed PowerApps app in a websitre

Best regards,

Kris

Was this reply helpful? Yes No
Sofie_D 260 on at

Like (0)

Report

In your second iframe you have your closing "/" before 'frameborder" instead of before the closing ">"

Was this reply helpful? Yes No
alpha 19 on at

Like (0)

Report

Thanks ! you are right ,but even I remove "/" , it doesn't work , it's the problem of missing </iframe > tag!

Thanks again !

Was this reply helpful? Yes No
alpha 19 on at

Like (0)

Report

Thanks so much Kirs, you are right , I missed the </iframe> tag to close when there are many iframes to insert
Problem solved ,
Thanks all guys

Was this reply helpful? Yes No