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.

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

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
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Top Solution Authors
Top Kudoed Authors
Users online (1,269)