Answered

Change image on hover

(0) Share

Report

Posted on by send2mark

505

Let's say I have an image with 3 boxes in various colors with words in each. To make it simple each box has the word Hello. If I hover over the box it will say Goodbye.

I am just trying to replace the text on the image with something I want by putting in a label or another small image as I hover over it.

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (1)

WarrenBelz 153,051 Most Valuable Professional on at

Like (0)

Report

Hi @send2mark ,

The "back" box or icon can be normal. Make sure the front control completely covers it and then set both the HoverColor and HoverFill of this to Transparent.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
WarrenBelz 153,051 Most Valuable Professional on at

Like (0)

Report

Hi @send2mark ,

Just checking if you got the result you were looking for on this thread. Happy to help further if not.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
send2mark 505 on at

Like (0)

Report

I didn't understand what you meant at first, but now I understand. It might make more sense if I say if have a smiley face and if I hover it is a sade face from an icon or another image.

Was this reply helpful? Yes No
WarrenBelz 153,051 Most Valuable Professional on at

Like (0)

Report

HI @send2mark ,

So this is now solved ?

Was this reply helpful? Yes No
send2mark 505 on at

Like (0)

Report

Sorry no, I think I am having a hard time explaining what I am trying to do. Let's say I have an image of a happy face as the background. I want to place an image of an unhappy face over that when I hover over it. It is an image replacement.

Was this reply helpful? Yes No
Verified answer

WarrenBelz 153,051 Most Valuable Professional on at

Like (0)

Report

Hi @send2mark ,

You mean like this

The happy face is at the front with both the HoverColor and HoverFill set to Transparent.

It can only be done with Icons however as there is no Hover control over an image's transparency.

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Visit my blog Practical Power Apps

Was this reply helpful? Yes No
gomezjr 22 on at

Like (0)

Report

Alternatively you can place a button over your image with a RGBA(0, 64, 116, 0.9) and set its hover fill to on hover set it to RGBA(0, 0, 0, 0).

So maybe for you you have a disabled button that reads "Hello" below and another button, that says "Gbye" on top of that that that, on hover the text fill goes from transparent to opaque. Both of these over each box you have?

Your launch or what not is on the button on top.

Was this reply helpful? Yes No