cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Steveareno
Helper III
Helper III

Fields on responsive form not breaking as expected

[This may be a duplication of a post I thought I'd made earlier, but I haven't been able to find it, so maybe it didn't get posted. Apologies for any confusion.]

 

I am setting up a responsive form for a tablet and am confused about how it orients the fields in landscape vs. portrait mode. The form is using 12 columns to give me more flexibility in how I size the data cards.

 

In landscape mode, the data cards break as shown below.

 

ipad orientation 2.jpeg

 

In portrait mode, the fields are arranged like this:

 

ipad orientatoin 1.jpeg

 

I expected the landscape mode to basically do what the portrait mode does, which is fill up the row with data cards and then break to a new row that also fills with data cards.

 

I'm not sure what I'm missing so any help is appreciated. 

4 REPLIES 4
phipps0218
Super User
Super User

There is a width to fit property on the data card. Can you please make sure that is enabled?

Please Accept as Solution if it solves your question. Or just give it a Thumbs Up if it is helpful because this can help others.

LinkedIn: https://www.linkedin.com/in/charlie-phipps-%F0%9F%91%A8%E2%80%8D%F0%9F%92%BB-91338715b/
YouTube: https://www.youtube.com/channel/UChmFBGU1YKIU91sNMQ7buGg
Twitter: https://twitter.com/phipps0218

iAm_ManCat
Super User
Super User

Your 'Columns' setting for the form - I will assume this is 4, as after the fourth field it breaks to a new line - you should either set this to 12, or insert a blank, invisible custom card after every 3rd card.

 

Please could you give that a try and let me know if you run into any issues,

 

Cheers,

@iAm_ManCat


Please 'Mark as Solution' if someone's post answered your question and always 'Thumbs Up' the posts you like or that helped you!


Thanks!
You and everyone else in the community make it the awesome and welcoming place it is, keep your questions coming and make sure to 'like' anything that makes you 'Appy
Sancho Harker, MVP


I set WidthFit to "true" on each data card. This the result on the tablet in landscape:

 

ipad orientation 3.jpeg

The columns setting on the Form was 12. 

Helpful resources

Announcements
Power Apps News & Annoucements carousel

Power Apps News & Announcements

Keep up to date with current events and community announcements in the Power Apps community.

Community Call Conversations

Introducing the Community Calls Conversations

A great place where you can stay up to date with community calls and interact with the speakers.

Power Apps Community Blog Carousel

Power Apps Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Top Kudoed Authors
Users online (5,121)