Unanswered

Fields on responsive form not breaking as expected

(0) Share

Report

Posted on by Community Power Pla...

[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.

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (0)

MVP-Phipps 3,508 Super User 2024 Season 1 on at

Like (0)

Report

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

Was this reply helpful? Yes No
iAm_ManCat 18,228 Most Valuable Professional on at

Like (0)

Report

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,

Was this reply helpful? Yes No
Community Power Pla... on at

Like (0)

Report

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

Was this reply helpful? Yes No
Community Power Pla... on at

Like (1)

Report

The columns setting on the Form was 12.

Was this reply helpful? Yes No
hiteshn 61 on at

Like (0)

Report

I had a similar issue, nothing found on this.. and was working on the form with columns.. do below steps:
form container width - parent.width
form width - parent.width
all datacard width under form - If(Parent.Width > 1400,Parent.Width/4 - 20, Parent.Width)

try this it works.

Was this reply helpful? Yes No