Unanswered

How to Include Vertical Borders around Items in a Horizontal Gallery

(0) Share

Report

Posted on by JeremyTan

I have a Horizontal Gallery, where it displays different items for each row.

I am able to configure borders around each row by setting Gallery.Template Padding and Gallery.TemplateFill.

However, I find it impossible to set borders around each column.

Below are the methods I have tried:

1. Using Rectangle -> This solution will not work as it overlays above the Gallery items, causing hyperlinks in my icons to be unclickable.

2. Using Borders around each item -> This solution did not work as the borders disappear when I mouse-hover above an icon.

Can I get help on this please?

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (0)

VishalJhaveri 1,167 Moderator on at

Like (0)

Report

Create rectangled borders.
Upon the icon, put invisible clickable buttons whose OnSelect event = OnSelect(IconName)

Was this reply helpful? Yes No
JeremyTan 18 on at

Like (0)

Report

Thank you for your reply.

From my understanding, your suggestion is to use rectangle shape, create a border around each item?

As my Gallery list data changes, I don't think I can use fixed rectangular borders for each row of data for OnSelect events...

Was this reply helpful? Yes No
VishalJhaveri 1,167 Moderator on at

Like (0)

Report

No, use Rectangle shapes as borders for the icons.
On top of [Rectangle + ICON + Rectangle], create a BUTTON and place it on [Rectangle + ICON + Rectangle].

Was this reply helpful? Yes No
VishalJhaveri 1,167 Moderator on at

Like (0)

Report

Did it work?

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

Like (0)

Report
Use your existing Option 1 that you already tried, but put the rectangles within the gallery item - a rectangle has an OnSelect function so you can make it perform the same actions that the current icon is performing

- you can also make the HoverFill of a Rectangle a slightly transparent colour to make it obvious that it is an interactable:

example colour I used was:

RGBA(88, 77, 255, 0.3)

Was this reply helpful? Yes No