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

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Size of canvas app on ...
Power Apps
Unanswered

Size of canvas app on a form(too long)

(1) ShareShare
ReportReport
Posted on by 2

Hello.

I have canvas app with custom size(W300xH100), but when i add this app on a form it ALWAYS is too long(picture attached). I want it to end on the green line(where ends my canvas) but it always is stretched down(red line). I played with all places where you can change size(app, screen) but no dice.... Can this be done? I tried all this settings ;scale to fit','ascpect ratio','orientation' etc.

Categories:
I have the same question (0)
  • poweractivate Profile Picture
    11,078 Most Valuable Professional on at

    To my knowledge the embedded Canvas App's height cannot be changed. This width and height does resize with the browser window automatically. However, to cut off the embedded app at the height you want is probably not possible or supported. It is recommended you leave this entire area in middle of the page available for the app and not put something else below this part.

     

    In most use cases, the whole area is needed. 

     

    I am not sure there is any out of the box way to cut off the embedded canvas app display in the specific way you want. If there is an out of the box way, I would be glad to know of it as well, but I do not think there is one.

     

    You can also try the below, but warning that it is probably unsupported functionality, it may break something in the future, and great caution should be used before attempting - and it should be tested in a development environment first if possible:

     

    Spoiler (Highlight to read)
    If you really absolutely must cut it off by force in the specific way you want, it may be possible by looking for the element with class= "customControl MscrmControls Canvas.CanvasControl MscrmControls.Canvas.CanvasControl" - looking for the node one level below that, and setting the style height to something like "100px !important". You can try to use some kind of custom JS web resource to force this style to apply to this node element somehow. 

    I did not test this thoroughly and I do not know for sure if this even works at all in the first place. It may only partially work, or only be a hint to the right track. 

    If this or something like this does work, you perform this kind of modification at your own risk, and it may cause some problems. For this reason, I won't give too specific of guidance how you would perform this kind of modification. I believe this kind of modification might be prone to cause confusion or error, and such a hack like this also may need to be adjusted in future versions of the product in case something changes. You should only attempt this if you really need it, found no other supported way to do this, and if possible can test thoroughly in a development environment first.

    It is also recommended, even after you determined this is really what you want and even after it seems to work "perfectly", to be prepared for potential future product changes to Dataverse and Model Driven Apps and how this may break this modification, and be prepared to promptly adjust or revert the modification and/or other fallback plans to minimize and adverse impact to the organization due to this modification breaking due to a product change or for another reason. This is because the change described here is probably not a supported type of modification for this product, so it is up to you to be extra careful with this one and more prepared than usual just in case, and you would assume any and all risks and be solely responsible for any consequences or impacts.
    If you really absolutely must cut it off by force in the specific way you want, it may be possible by looking for the element with class= "customControl MscrmControls Canvas.CanvasControl MscrmControls.Canvas.CanvasControl" - looking for the node one level below that, and setting the style height to something like "100px !important". You can try to use some kind of custom JS web resource to force this style to apply to this node element somehow. I did not test this thoroughly and I do not know for sure if this even works at all in the first place. It may only partially work, or only be a hint to the right track. If this or something like this does work, you perform this kind of modification at your own risk, and it may cause some problems. For this reason, I won't give too specific of guidance how you would perform this kind of modification. I believe this kind of modification might be prone to cause confusion or error, and such a hack like this also may need to be adjusted in future versions of the product in case something changes. You should only attempt this if you really need it, found no other supported way to do this, and if possible can test thoroughly in a development environment first.It is also recommended, even after you determined this is really what you want and even after it seems to work "perfectly", to be prepared for potential future product changes to Dataverse and Model Driven Apps and how this may break this modification, and be prepared to promptly adjust or revert the modification and/or other fallback plans to minimize and adverse impact to the organization due to this modification breaking due to a product change or for another reason. This is because the change described here is probably not a supported type of modification for this product, so it is up to you to be extra careful with this one and more prepared than usual just in case, and you would assume any and all risks and be solely responsible for any consequences or impacts.

    Check if above helps.

     

     

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 796 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 327 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard