I am using an event in order to display a label when the mouse enters the container for a template view. If the mouse enters and exits the container to fast the label remains visible. Is there any way to fix this issue? Maybe make the label go away if the mouse isnt in the container for a certain amount of time? Below are the event scripts I have written. Also there is an example of the issue (bottom picture)
You should accomplish this with CSS, via the custom stylesheet. Scripting events require an entire roundtrip to the gateway and back, making them unsuitable for purposes like this.
You can use a meta selector to react to the hover and add text to an element with CSS.
I'm not sure where you're doing this, but consider the use of the component's tooltip as a built-in option.
2 Likes
I made a stylesheet with the perspective style class defined (image below). Applied it to the label. It did fix the issue of them getting stuck visible.
Is there any way to make this work when you hover over the root container of the view template, rather than only when you hover over the label?
Hi,
Did you try onMouseOver for displaying the label and onMouseLeave for hiding the label?
The whole point of the replies here is that the mouse events cannot be made reliable.