# Perspective Tooltip **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [April 28, 2020, 12:49am UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252 "2020-04-28T00:49:28Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![oisin.gribben1](https://avatars.discourse-cdn.com/v4/letter/o/8c91f0/32.png) [@oisin.gribben1](https://forum.inductiveautomation.com/u/oisin.gribben1)\ **Post date:** [April 28, 2020, 12:49am UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/1 "2020-04-28T00:49:28Z")
Hi, Is there an option for mouseover tooltip in perspective? ---
**Author:** ![jonathan.taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jonathan.taylor/32/4048_2.png) [@jonathan.taylor](https://forum.inductiveautomation.com/u/jonathan.taylor)\ **Post date:** [April 28, 2020, 2:48pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/2 "2020-04-28T14:48:49Z")
I remember seeing that this had to be disabled as an option by the developers. You can most likely bodge one to appear. Have a look at the perspective Ad-Hoc charts on the exchange - I think I remember seeing that they got tooltips to appear below the menu ---
**Author:** ![hunterdg](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hunterdg/32/67774_2.png) [@hunterdg](https://forum.inductiveautomation.com/u/hunterdg)\ **Post date:** [May 13, 2020, 11:24pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/3 "2020-05-13T23:24:23Z")
I’ve got this to work (stolen from Ad-Hoc charts, 🎉) but wondering the difference between visibility properties: ``` self.getChild('Tooltip').props.style.visibility = 'hidden' self.getChild("Tooltip").position.display = False self.getChild("Tooltip").meta.visible = False ``` ---
**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\ **Post date:** [May 13, 2020, 11:30pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/4 "2020-05-13T23:30:50Z")
You can check the actual layout/CSS in browser devtools, but I believe `props.style.visiblity` and `meta.visible` would do the same thing - make the component invisible. `position.display` (which should only be an option in flex based containers) makes a component invisible, _and_ prevents it from being part of layout - a crucial difference. ---
**Author:** ![hunterdg](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hunterdg/32/67774_2.png) [@hunterdg](https://forum.inductiveautomation.com/u/hunterdg)\ **Post date:** [May 13, 2020, 11:54pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/5 "2020-05-13T23:54:51Z")
Thank you! Also, this may be obvious, but i’m guessing at least the onMouse **Enter** event must be applied on parent containers (that do not hide), as it seems if applied directly to a component itself, the onMouseLeave event triggers successfully, but the onMouse **Enter** event is not triggered when/if the component is hidden? Perhaps this might be why the option was “disabled as an option by the developers”? The HMI i’m duplicating relies heavily on tooltips for equipment identification/tag names - I’ll need to create parent containers with tooltip components/parameters for every equipment instance (using template views) - wish it was just a checkbox on components, but definitely glad to have a workaround! ---
**Author:** ![hunterdg](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hunterdg/32/67774_2.png) [@hunterdg](https://forum.inductiveautomation.com/u/hunterdg)\ **Post date:** [May 14, 2020, 2:32am UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/6 "2020-05-14T02:32:48Z")
Better solution (for me) changing the opacity property on hover via a custom style instead of component events (and thus no need for parent containers). **Bonus: hover actions are visible in designer (preview mode).** Examples attached. > base style: > opacity: 0, > > element state [hover]: > opacity: 0.90 Wish I could add `position: absolute` (for positioning on top of other flex-container objects) to the custom style instead of manually to the tooltip component style, but I guess there's a reason it's not available in the style properties GUI. [Motor Tooltip.zip](https://forum.inductiveautomation.com/uploads/short-url/zoJLNquFnZHqMuctC1VWV7fmaoV.zip) (4.1 KB) ---
**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\ **Post date:** [February 28, 2021, 3:03pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/7 "2021-02-28T15:03:37Z")
> [@hunterdg](#): > > containers what do you do if your tooltip inside flex? Like Ad hoc example. in this case, you don't hover over the tooltip. ---
**Author:** ![hunterdg](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/hunterdg/32/67774_2.png) [@hunterdg](https://forum.inductiveautomation.com/u/hunterdg)\ **Post date:** [March 12, 2021, 5:11pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/8 "2021-03-12T17:11:26Z")
Indeed I also found this doesn’t work inside flex. I do not have a solution for that. 😕 Please share if you come up with a workaround! ---
**Author:** ![alexm](https://avatars.discourse-cdn.com/v4/letter/a/3da27b/32.png) [@alexm](https://forum.inductiveautomation.com/u/alexm)\ **Post date:** [June 23, 2021, 1:28pm UTC](https://forum.inductiveautomation.com/t/perspective-tooltip/34252/9 "2021-06-23T13:28:59Z")
How do you get the tooltip to be positioned right in the middle of your component?