Unanswered

Canvas App in Portal

(1) Share

Report

Posted on by barlowse

207

I have been able to embed my canvas app into my portal using iframe. However, it doesn't render correctly - loses it's size, so I adjusted the size of the iframe control. But then when you try to use the portal on a phone, and go to the embedded canvas app, the app inside the iframe is not responsive to the device I am on. Is there a way around this?

Categories:

Power Apps portals

I have the same question (0)

All responses (5)

Answers (0)

v-xida-msft on at

Like (0)

Report

Hi @barlowse ,

Could you please share a screenshot about the issue?

Have you taken a try to turn off the "Scale to fit" option within your app?

Please consider take a try to turn off the "Scale to fit" option within the "Screen szie + orientation" settings of the App settings of your app, then re-publish your app, check if the issue is fixed:

Also please consider configure your app as a Responsive layout app, then re-publish it, then re-embed your app into your PowerApps Portal again, check if the issue is fixed.

More details about creating a respnsive layout app, please check the following article:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-responsive-layout

Best regards,

Was this reply helpful? Yes No
Yogesh_Gupta Microsoft Employee on at

Like (0)

Report

@barlowse You can also check if you have provided the responsive html properties (Eg. width: 100%, height: auto)
But this is not a natively supported scenario. Currently, we do not encourage our makers to do a canvas app embed YET. I am pretty sure that there will be some authentication scenarios where you will run into issues.

Regards,
Yogesh

Was this reply helpful? Yes No
sienna28 514 on at

Like (0)

Report

That's interesting.
Could you please explain how you did that or point me to an article that explains it?

Was this reply helpful? Yes No
barlowse 207 on at

Like (0)

Report

I tried this - but it still does not render on an iphone well.
The way I did this in the portal - is to use an iframe control, and the web address of the powerapp. It works fine on PC in the browser and it works fine on a surface tablet. Just not on the phone.

Was this reply helpful? Yes No
rulesrchanged1 on at

Like (0)

Report

So the problem here is the just scale to fit will not make your canavas app responsive. You will also need to make components responsive as well. So follow this documentation to go through this https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-responsive-layout

Was this reply helpful? Yes No