Click inside a cell and get the content using tooltip

[morteza]

I have a grid which has two columns ,when i click on the first column content i want it to show me a message box,but the problem is when i click on the message box,it does not go away compeltly,the nmessage box shadow is still there ,what im doing is:

 

  $("#gridProAvail").kendoTooltip({
               filter: "td",
               content: toolTip,
               width: 400,
               height: 100,
               position: "top"
           });

         
          $("#gridProAvail").click(toolTip);

      function toolTip(e) {
         var target = $(e.target);
         if(e.target[0].cellIndex == 0) {
         var cellInfo = e.target[0].innerHTML;
         alert(cellInfo);
         grid.dataSource.read();
         }

        
i need the content to be shown in the tool tip
               
       

[Viktor Tachev]

Hi Morteza,

By default the tooltip widget will be hidden when the user clicks outside the popup. If you would like to close the tooltip on clicking inside the popup I suggest adding a few lines of code. 

Handle the Tooltip show event and in the handler get reference of the content. Then set handler for the click handler of the content element. Inside that handler call the hide() method to close the popup. 

I have prepared an example illustrating the approach:

• https://dojo.telerik.com/OFeCUwUD

Give it a try and let me know how it works for you.


Regards,
Viktor Tachev
Progress Telerik