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

2,015 Season of Giving Solutions 2025

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)

Sort by

M_Ali_SZ365 1,110 on at

Like
a
(0)

Report
Copy link

Link copied!
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 2,015 Season of Giving Solutions 2025 on at

Like
a
(0)

Report
Copy link

Link copied!

@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
a
(0)

Report
Copy link

Link copied!
@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 2,015 Season of Giving Solutions 2025 on at

Like
a
(0)

Report
Copy link

Link copied!
@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