I have a screen where the user must make a selection between 2 images. I would like to have a "spotlight" or an image/icon appear to give the user a visual indicator of their choice. (Maybe an arrow that appears below the image) when the user hovers over the image. When the user clicks the image, then it will navigate to the next screen.
There doesn't appear to be any sort of OnHover property. Is there a workaround?
Solved! Go to Solution.
Currently the only configuration you can for individual controls on mouse over is to update their color (border / fill / color) - you cannot update other controls or change other properties on hover/"unhover" events.Please consider creating a new feature request in the PowerApps Ideas board for that.
One feature that may be useful is the Transition property in the gallery. If you have your images as items in a collection that you display in a gallery, you can set that property and the cell that has the mouse over will have a push or pop effect. For example, see the example below for a gallery with a Pop effect.
Hope this helps!
Currently the only configuration you can for individual controls on mouse over is to update their color (border / fill / color) - you cannot update other controls or change other properties on hover/"unhover" events.Please consider creating a new feature request in the PowerApps Ideas board for that.
One feature that may be useful is the Transition property in the gallery. If you have your images as items in a collection that you display in a gallery, you can set that property and the cell that has the mouse over will have a push or pop effect. For example, see the example below for a gallery with a Pop effect.
Hope this helps!
Hi,
Can you give more description on how to do it?
The gif you have added is my exact requirement.
Since I am new to PowerApps, can't quite follow how to do it.
The attached app shows how this can be done. To open it, save it locally, then go to https://create.powerapps.com, select Open, Browse, and find the file that you previously saved.
The steps I took to build that app:
Hope this helps!
-
You need to insert a gallery with a single image control inside of it, set the Items property of the gallery to the list of images that you want to display
You can use HoverFill Property of the Gallery Items. suppose you have an column with an image inside of it. you can set the HoverFill property of that image as below: (i am setting the color based on the Header of my page)
If(ThisItem.IsSelected, ColorFade(HeaderLabel.Fill,75%),ColorFade(HeaderLabel.Fill,90%))
but you can use any color for example:
If(ThisItem.IsSelected, Red,Blue)
see the attachment for UI.
User | Count |
---|---|
263 | |
110 | |
98 | |
55 | |
40 |