Change gallery row color when hover over it

(1) Share

Report

Posted on by Community Power Pla...

Hi All,

I know that there is a possibility to change row color when is selected with property of TemplateFill

If(ThisItem.IsSelected, red, white), but how to change it when user hover over row?

I mean change whole row color, not only one element.

Regards,
Patryk

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (1)

Verified answer

yashag2255 24,769 Super User 2024 Season 1 on at

Like (7)

Report

Hi @Anonymous

There is no direct way to set-up a Hover color for the gallery control.

As a workaround to this, If you have a gallery control that is just to view the data, you can create a label, do not pass any value in the text property, set its alignment to Top and set a hover color for that. This way it will create a hover effect. Make sure that you have Select(Parent) on the "OnSelect" property of the label.

Hope this Helps!

If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!

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

Like (0)

Report

Somehow it's fine but when we hover on the data label then the label we added for color is not effecting anymore, but it's working when just hover over the added label but not on data labels. do we have any workaround solutions for this?

Was this reply helpful? Yes No
xing_fu_ul 58 on at

Like (0)

Report

In my case the label /hover color blocks the other labels under it. is there any suggestion?

Was this reply helpful? Yes No
kimberlyrox 56 on at

Like (0)

Report

You most likely need to "Reorder" the box and send it backwards or to the back.

Was this reply helpful? Yes No
St3v3 16 on at

Like (7)

Report

This option works well and is not blocked by other items, but it limits the colour choice.

Create a new text box within the gallery (I called it MouseOver).
Make sure it is at the top of the items in the gallery.

Set its Hover Colour to a strong colour but with a low opacity.

Now when you mouse over, it will partially colour the entire result, works will in light themes.

Was this reply helpful? Yes No
KY_HP 5 on at

Like (0)

Report

One vote that St3v3's solution is more elegant than the selected one and worked like a champ.

Was this reply helpful? Yes No
Dhiaeddine 4 on at

Like (1)

Report

Add a rectangle on your gallery's first element to apply it for all elements, change the color to transparent and then in Hoverfill event add RGBA color with opacity like : RGBA(210;0; 0; 0,2)

Was this reply helpful? Yes No