Power Platform Community Forum Thread Details

Hi all,

Can any one help me displaying Edge to Edge Properly in Scrollable Form in Canvas App ?

Because at the Edge getting truncated with scrollable

Regards,

Ram Prakash

Categories:

To fix truncation in a scrollable Canvas App form and get a clean edge-to-edge look, focus on these three areas:

Mind the Scroll Bar: A vertical scroll bar takes up space. Set your Form’s Width to Parent.Width - 20 to prevent the bar from overlapping your content.
- Fix: Set the Form's Width property to Parent.Width - 20 (or whatever the scroll bar width is in your theme). This ensures the form content ends before the scroll bar begins.
Zero Out Padding: Check your Parent Container. Set Padding (Top, Bottom, Left, Right) to 0 so the form can actually reach the screen edges.
- Fix: Select your Vertical Container (the one holding the form) and set all Padding properties (Top, Bottom, Left, Right) to 0.
Card Behavior: Ensure Width Fit is turned On for your Data Cards so they snap correctly to the form's boundaries without overflowing.
- Select the problematic Data Card and ensure Width fit is turned On. This allows the card to dynamically fill the available row space without overflowing the form's boundary.