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 Apps
Suggested Answer

Form Column Snap

(0) ShareShare
ReportReport
Posted on by 23
I have a form with multiple datacards and some are displayed dynamically based on selection from another datacard fields.  I am not able to snap them properly.  I have tried manually and adjusting widthfit, but lot of empty spaces on the forms and they not setting side by side. any idea how to fix it?
Categories:
I have the same question (0)
  • Suggested answer
    mmbr1606 Profile Picture
    14,605 Super User 2025 Season 2 on at
    hey
     
     
    this is a bit tricky and sometimes not possible in an editform. Thats why i like to use a blank canvas and just throw my inout controls there as i need them.
     
    but this video could be helpful:
     
    if it helps please mark my answer as verified,
     
     
    thanks
  • CU08111717-0 Profile Picture
    23 on at
    Thank you for this informative video, it works when the snap to column is turned off.  I am creating a responsive layout therefore How can I achieve  the same functionality  with snap to column turned on. 
  • Suggested answer
    SaiRT14 Profile Picture
    1,990 Super User 2025 Season 2 on at
    pls try the following:
     
    Enable WidthFit and HeightFit properties for each data card, especially for cards that appear and disappear based on conditions.
    • Go to the form’s properties and set Number of Columns (under Layout). This controls how many cards appear side by side.
    • Adjust Column Width to allow data cards to sit within the same row more comfortably.
    • Create a group for each set of data cards you want to show or hide together, then set the visibility of the group instead of individual data cards. This minimizes layout shifts when fields are hidden or shown.
    • If your Power Apps environment supports Responsive Layout Containers, switch to using them as they offer more control over positioning and responsiveness. Use Horizontal and Vertical Containers to control alignment within rows and columns, minimizing gaps when cards appear or disappear.
    • Adjust padding between cards to reduce gaps by setting PaddingLeft, PaddingRight, PaddingTop, and PaddingBottom to zero where possible.
     
  • mmbr1606 Profile Picture
    14,605 Super User 2025 Season 2 on at
    i do not think that this is possible when it is turned on, form control itself has very limited possibilities for reordering controls in them.
     
     
    if my answer helped please mark as verified,
     
    cheers

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 739 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 343 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard