Change gallery row color when hover over it

[Anonymous]

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

[yashag2255 · Accepted solution]

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!

[muralikrishna12]

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?

[xing_fu_ul]

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

[kimberlyrox]

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

[St3v3]

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.

[KY_HP]

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

[Dhiaeddine]

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)