Tutorial :HOw to show the tooltip for an image in the jqGrid?



Question:

HOw to show the tooltip for an image in the jqGrid?


Solution:1

Did you check this >>> Custom Data ToolTips for jqGrid


Solution:2

you can use qtip plugin of jquery for this. in my case i have to show tool tip when particular jqgrid cell get focused.

LoadToolTipRackId = function (elem) {        jQuery(elem).qtip({          content: 'this is an image',          show: 'focusin',          hide: 'focusout',          style:      {            name: 'red',          tip: 'leftBottom',          textAlign: 'left',          fontWeight: '500',          fontSize: '11px'        },          position:      {          corner:          {              target: 'rightMiddle',              tooltip: 'leftBottom'          }      }      });  }  

you can visit following link to find out more about qtip plugin http://craigsworks.com/projects/qtip/

whereas i have to set following column properties in jqgrid in colmodel

editoptions: { size: 7, defaultValue: '0.00000', maxlength: 15, dataInit: LoadToolTipRackId}   

Note:If u also have question or solution just comment us below or mail us on toontricks1994@gmail.com
Previous
Next Post »