Can I show a horizontal gallery header and data on 2 lines when viewed on small sized screens

(1) Share

Report

Posted on by johnjohnPter

1,811 Super User 2024 Season 1

I have this horizontal gallery which contain 10 items each which have Width = Parent.Width*0.1 :-

and above the gallery we have a set of 10 labels with Width = Parent.Width*0.1, as follow:-

now on small sized screens the labels looks not very user friendly, as follow:-

so i am thinking if there is a way to divide the header labels & the gallery items into 2 lines when viewed on small sized screen? is this possible? so the headers will be as follow and the gallery items as well:-

any advice ? or if there is a better way to manage this on small sized screens?

Thanks

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (0)

M_Ali_SZ365 1,110 on at

Like (0)

Report
Hi @johnjohnPter ,
Try This And Let Me Know
Write this Code Width property of your labels and gallery items:
Width = If(App.Width < 640, Parent.Width * 0.2, Parent.Width * 0.1)
Fuel our success! 🚀 Give a thumbs up and click 'Solution Accepted' to supercharge our community. Your actions speak volumes!
Warm regards,
Muhammad Ali

Was this reply helpful? Yes No
johnjohnPter 1,811 Super User 2024 Season 1 on at

Like (0)

Report

@M_Ali_SZ365 this will show a horizontal scroll bar to view the items on small sized screens.. this will not divide the items on 2 lines.

Was this reply helpful? Yes No
M_Ali_SZ365 1,110 on at

Like (0)

Report
@johnjohnPter ,
Try This
Set WrapCount of the gallery to adjust the number of items per line based on screen size:
WrapCount = If(App.Width < 640, 5, 10)
For headers, duplicate labels for the second line and set Visible property based on screen width:
Visible = App.Width < 640
Fuel our success! 🚀 Give a thumbs up and click 'Solution Accepted' to supercharge our community. Your actions speak volumes!
Warm regards,
Muhammad Ali

Was this reply helpful? Yes No
johnjohnPter 1,811 Super User 2024 Season 1 on at

Like (0)

Report
@M_Ali_SZ365 i have the wrap count = 1 ,, setting your formula:-

WrapCount = If(App.Width < 640, 5, 10)

will corrupt the layout... also i do not want to duplicate the headers each line will have different labels... bot sure we are talking about the same issue..

Was this reply helpful? Yes No