Skip to main content
JulianaGuerra1-Visitor
1-Visitor
June 19, 2020
Solved

Show widgets while hovering an image

Hello! I was wondering if I could have an image that while hovering it with the mouse it would show some information (labels and buttons) in front of the image. Is it possible? 
Thank you in advance. 

JulianaGuerraAnswer
1-Visitor
July 6, 2020

The solution end up being like this in case someone finds this post and needs some help: we used a HTML area and an overlay class in custom CSS so that some widgets only appear while hovering the container in our collection.

View in thread

5 replies

zyuan15-Regular Member
5-Regular Member
June 22, 2020

Why don't you use a Button widget directly?

 

The button widget has Tooltip field and it will show information while hovering over;

You can Use a ICON in the button to show image / you can change the Button style directly, and the Button will look like an image, and you can click on this image to work as the button (with tooltip hint)

 

The widget which has the hovering event is the Map widget, when you mouse over a location in the map, you can choose to pop up something.

Translate
JulianaGuerra1-VisitorAuthor
1-Visitor
June 26, 2020

Hello! thank you for your response @zyuan1. 
This solution would be good if I could change the style of the tooltip, can I? And I would also need to show other buttons through the hovering, which I don't know if it is possible 

Translate
zyuan15-Regular Member
5-Regular Member
June 29, 2020

Hi, In 8.3 I see there are Style Definition options for Tooltips, by then you can change the style. While after Style Theme is applied, I didn't see such a field, maybe I've missed it.

 

And each button are independent, when you hover one button, other buttons are still there, so what's your concern?

Translate
JulianaGuerra1-VisitorAuthorAnswer
1-Visitor
July 6, 2020

The solution end up being like this in case someone finds this post and needs some help: we used a HTML area and an overlay class in custom CSS so that some widgets only appear while hovering the container in our collection.

Translate
    Terms & ConditionsAccessibility statement