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

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

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
Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Difinity Conference 2022

Difinity Conference 2022

Register today for two amazing days of learning, featuring intensive learning sessions across multiple tracks, led by engaging and dynamic experts.

European SharePoint Conference

European SharePoint Conference

The European SharePoint Conference returns live and in-person November 28-December 1 with 4 Microsoft Keynotes, 9 Tutorials, and 120 Sessions.

Power Apps Ideas

Changes to Ideas Coming

We are excited to announce a new way to share your ideas for Power Apps!

Top Solution Authors
Top Kudoed Authors
Users online (4,739)