cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
v-maper
Regular Visitor

How to change hover color on button

Hello,

 

I'm trying to figure out how I can change the color of a button when I hover over it without changing the color of the text.

I've played with the hover function... but whenever I use it, it only changes the color of the text. Any suggestions?

Thank you,
M

hover color.PNG

2 ACCEPTED SOLUTIONS

Accepted Solutions
Rebetcha
MVP

It looks like you used an icon combined with a text label, am I right?
The icon and the text label both have hover-properties. You should change the property HoverColor of the icon.

View solution in original post

v-yamao-msft
Community Support
Community Support

Hi v-maper,

 

More details about Hover properties, please check it at here:
https://docs.microsoft.com/en-us/powerapps/controls/properties-color-border


Best regards,
Mabel Mao

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

View solution in original post

3 REPLIES 3
Rebetcha
MVP

It looks like you used an icon combined with a text label, am I right?
The icon and the text label both have hover-properties. You should change the property HoverColor of the icon.
v-yamao-msft
Community Support
Community Support

Hi v-maper,

 

More details about Hover properties, please check it at here:
https://docs.microsoft.com/en-us/powerapps/controls/properties-color-border


Best regards,
Mabel Mao

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

You can use a transparent button over the elements and change HoverFill property to a RGBA color with A less than 100%.
For example:

  1. Create an icon.
  2. Create a label.
  3. Create a button.
  4. Clear Fill, Border, Text properties and border or fill in another states like selected or disabled.
  5. Use button HoverFill property to something like Rgba(255, 255, 255, 0.1).
  6. You can repeat the same strategy to Focus property if you want to keep the same color after user click on this button.

There's a lot of ideas on this forum regarding this situation, i think the dev team will keep this on radar for next milestones because these workarounds are not healthy for our apps.

 

LF. 

Helpful resources

Announcements
Super User 2 - 2022 Congratulations 768x460.png

Welcome Super Users

The Super User program for 2022 - Season 2 has kicked off!

Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

<
Users online (3,536)