Power Platform Community Forum Thread Details

Hi all,

I am building an app inside Teams and I am using the responsive screens.

The issue is that the forms never looks good, if I open the form in the right frame of Teams, looks like that:

If I expand the tab in Teams, looks better:

Is there any way to show the fields fitted to screen? I mean, for example the datacards "Supplier" and "Delivery Notes" that which are displayed in a separate row.

On the form property I have "Snap to columns" On and all the cards widthfit disabled.

Thanks for any help.

Categories:

Building Power Apps

Yes! Since you're using a responsive screen inside Teams, the form layout needs to dynamically adjust to different screen sizes. Here’s how you can improve form responsiveness and ensure fields fit properly in both the right pane and expanded view:

✅ Steps to Fix the Form Layout in Teams

1️⃣ Enable WidthFit for Data Cards

Since WidthFit is disabled, the fields are staying fixed instead of adjusting dynamically. Try enabling WidthFit for key data cards:

Select your form → Unlock the "Supplier" and "Delivery Notes" data cards.
In each card’s properties, enable WidthFit to allow it to expand dynamically.

2️⃣ Adjust Form Layout to Fit Better

Change the Number of Columns:
- Select the form and set Columns to 2 or 3, depending on your preference.
- This makes better use of available space instead of stacking all fields in a single row.
Turn Off "Snap to Columns" (Optional)
- If setting columns doesn’t fix the issue, turn off "Snap to Columns" and manually adjust Width properties of data cards.