I have an information "i" and I would like something to appear when the user hovers the mouse over it, as an explanation pop-up, user preferably on a form.
Unfortunately, there is no easy way to do a 'hover action'.
Meaning, there is no way to hook into when something is hovered-over.
If you're okay with a click, then you can use a context variable to show/hide when they click the icon.
There is no direct action trigger for hovering over a control. However, you can still add the tooltip functionality on click of the "i" icon. You can set the OnSelect property of the "i" icon as:
Icon -> OnSelect -> Set(ShowTip,!ShowTip)
Visible property of PopUp -> ShowTip
This only supports show/hide of the popup when "i" is clicked, but in case you want to extend this a bit further where if you click elsewhere, the pop-up should hide, then you need to add below expression to "OnSelect" property of all the controls except "i" icon and popup:
Controls -> OnSelect -> Set(ShowTip,false)
Hope this Helps!
If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!
You can submit this as an idea, and/or vote on an existing idea.
I agree that this would be a useful feature to have in many of our apps.
@Gorilla_8 Your icon has 3 hover properties, HoverBoderColor, HoverColor and HoverFill. So, you could change one of these when hovering over it. For example, change the fill when hovering and then set the popup OnVisible or Text property to change according to your hover fill value
Hi @Gorilla_8 :
Because there is no OnHover porperty at present, I am afraid that this function you mentioned is difficult to achieve.
In addition,a similar effect can be achieved through HTMLTextBox, but the displayed content is limited to text.I've made a test for your reference:
1\Add a HtmlText control and set it's HtmlText property to:
"<img src=https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRguVnpk38bMBsfL557aVCalfnXBA0sbNTZOQ&usqp=CAU style=width:100px;height:100px title=warningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarningwarning>"
This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.
Come together to explore latest innovations in code and application development—and gain insights from experts from around the world.
At the monthly call, connect with other leaders and find out how community makes your experience even better.