Grid Column(s) Tooltips dynamically using CellTemplate causing Issue

Grid Column(s) Tooltips dynamically using CellTemplate causing Issue

Posted by: chiranjeevi.dadi on 3 December 2019, 12:16 am EST

• 

  chiranjeevi.dadi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 3 December 2019, 12:16 am EST

  Hi Team,

  I have implemented the for Grid Column(s) Tooltips dynamically by using following CellTemplate Code. But, when I click on Sorting Icon (Up/Down Arrow) is not appeared.

  [b]Bento Verion: Bento v2.1.0

  {{$ctrl.header}}

  [/b]

  I am refering the http://jsfiddle.net/0k9y5mLz/ for the same to fix it but, No Luck.

  Thanks & Regards,
  
  Chiranjeevi D

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 3 December 2019, 3:35 am EST

  Hi Chiranjeevi,

  Instead of using the cell template to show the Tooltip, I would suggest you use the mouseover event. Please refer to the following link for a demonstration:

  https://jsfiddle.net/48p0yg1x/18/

  Regards,
  
  Ashwin

• 

  chiranjeevi.dadi

  • Post Options:
  • Link
    Copy

  Posted 3 December 2019, 2:51 pm EST

  Hi Ashwin,

  Thank you very much for your prompt response.

  Still facing some Issue, I am try to sorting out for the same. I will let you know. this.

  Regards,
  
  Chiranjeevi

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 3 December 2019, 11:27 pm EST

  Hey Chiranjeevi,
  
  Please check and let us know if you are facing the issues. In case the issue persists, please share the sample depicting your issue so that we may investigate at our end and assist you accordingly.

• 

  chiranjeevi.dadi

  • Post Options:
  • Link
    Copy

  Posted 24 December 2019, 9:06 am EST - Updated 3 October 2022, 6:24 pm EST

  Hi Ashwin & Manish,
  
  After Implementation, I am facing the Issue like whenever move came out of column area also earlier/previous tooltip still visible at that previous position.

  It’s suppose to be hide/dispose. But, it’s not doing most cases like fast moving etc.

  Attached the Screen shot for the same.
  
  

  

  1920×1030 23.4 KB

  
  
  Thanks & Regards,
  
  Chiranjeevi D
  
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 26 December 2019, 2:00 am EST

  Hi Chiranjeevi,

  Could you please try adding a mouseout event on the host element of the FlexGrid and dispose the tooltip in the event handler. Refer to the updated sample below:

  https://jsfiddle.net/jpvmy7b6/

  If this does not solve your issue, could you please modify the sample so that it replicates the issue?

  ~regards

• 

  chiranjeevi.dadi

  • Post Options:
  • Link
    Copy

  Posted 26 December 2019, 9:40 am EST

  Hi Aswin,

  My Wijmo Library Version: 5.20173.409. I am not getting ng-mouseout event (Intellisense) and also tried just written that event. Instead of that, I have also used Mouse Leave. But, It’s not working for any of them.

  I have provided my changed logic as follows:

  https://jsfiddle.net/9zvk1hwn/17/
  
  Thanks & Regards,
  
  Chiranjeevi D
  
  

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 27 December 2019, 12:47 am EST

  Hi Chiranjeevi,

  In the 17v3 version, you can use the hide method instead of using the dispose method to remove the tooltip. Please refer to the updated sample below:

  https://jsfiddle.net/67eov9xk/

  ~regards

• 

  chiranjeevi.dadi

  • Post Options:
  • Link
    Copy

  Posted 30 December 2019, 6:19 am EST

  Hi Ashwin,

  I have implemented according to your suggestions. It’s working fine.

  I greatly appreciate your help.

  Thanks & Regards,
  
  Chiranjeevi D