cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
ClementeChH
Frequent Visitor

Changing HoverFill attributes between different elements.

I am using an element (Rectangle) under an icon (image). Both the element and the icon have the same function in OnSelect. I require that when the user performs the OnSelect function on the icon, he also changes the HoverFill color on the element. How can I do that?

1 ACCEPTED SOLUTION

Accepted Solutions

I create custom buttons in a similar way.  I have a circle icon, under a image icon (ie the + or pencil symbol).  To get the button to highlight when hovered I added a third circle in front of them.  This front circle has a transparent initial colour and is the only one of the 3 to have an On Select set.  Sinces its in front of the others it blocks them being clicked.

The front circle then has its OnHover fill set to an opaque white colour so it looks like it highlights when hovered over.  I've attached an example app to demonstrate

 

Andy
Read my new blog at -
www.powerappssolution.com

View solution in original post

2 REPLIES 2
v-xida-msft
Community Support
Community Support

Hi @ClementeChH,

 

Could you please share a bit more about the same function within the OnSelect property of the element and the icon?

 

I have made a test on my side and please take a try with the following workaround:

 

The OnSelect property of icon set to following formula:

Collect(Collection1,{Name:"Kris Dai"});UpdateContext({HoverFillColor:Color.Red})

The OnSelect property of element set to following formula:

Collect(Collection1,{Name:"Teresa"})

The HoverFill property of element set to following formula:

HoverFillColor

 

Best regards,

Kris

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

I create custom buttons in a similar way.  I have a circle icon, under a image icon (ie the + or pencil symbol).  To get the button to highlight when hovered I added a third circle in front of them.  This front circle has a transparent initial colour and is the only one of the 3 to have an On Select set.  Sinces its in front of the others it blocks them being clicked.

The front circle then has its OnHover fill set to an opaque white colour so it looks like it highlights when hovered over.  I've attached an example app to demonstrate

 

Andy
Read my new blog at -
www.powerappssolution.com

View solution in original post

Helpful resources

Announcements
User Groups Public Preview

Join us for our User Group Public Preview!

Power Apps User Groups are coming! Make sure you’re among the first to know when user groups go live for public preview.

Power Apps Community Call

Monthly Power Apps Community Call

Did you miss the call?? Check out the Power Apps Community Call here!

Power Platform ISV STudio

Power Platform ISV Studio

ISV Studio is the go-to Power Platform destination for ISV’s to monitor & manage applications post-AppSource publish.

Top Solution Authors
Top Kudoed Authors
Users online (79,381)