Position <popup> at mouse cursor

Position <popup> at mouse cursor

Posted by: joe on 31 May 2018, 10:57 am EST

• 

  joe

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 31 May 2018, 10:57 am EST

  I’m trying to make a tooltip-like window pop up at a flexgrid cell on a mouseover event. So far I have the popup showing on the mouseover but despite all my attempts to position the 's parent

  and/or the itself, the only appears in the middle of the screen. I’m using the flexgrid and don’t want to change the control to any other type of grid at the moment. Suggestions?

  Thanks!

  Joe

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 31 May 2018, 10:36 pm EST

  Hi,

  You can set owner property of popups to make them attach them to elements in which case they won’t show in the middle of the screen.

  Here is a fiddle which demonstrates the difference between popups with or without setting owner property:- http://jsfiddle.net/Wijmo5/1abovbvh/

  Also if you are trying to make tool-tips using popups, consider using ToolTip class.

  You can get more info on ToolTip here:- http://demos.wijmo.com/5/Angular/WijmoHelp/WijmoHelp/topic/wijmo.Tooltip.Class.html

  Here is a sample using ToolTip to get you started:- https://stackblitz.com/edit/js-pacuqy?file=index.js

  ~Manish