ExtJS GridPanel data tooltip

vtokmak picture vtokmak · Dec 17, 2012 · Viewed 8k times · Source

I want to add tooltip to my gridpanel's data. I want to put map on tooltip panel, I got it, but my static map's width is 600px, it overflows from tooltip's panel. I used below code, it works fine, but can not set a width to tooltip. How can I do?

this.renderToolTip = function(argVal, metadata, record, rowIndex, colIndex, store)
{
    var toolTipImg = '<img src="http://maps.googleapis.com/maps/api/staticmap?markers=color:green%7C' + record.data.latitude + ',' + record.data.longtitude + '&zoom=15&size=600x200&sensor=false" />';
    var title = record.data.title;

    return '<div ext:qtitle="' + title + '" ext:qtip="' + toolTipImg + '">' + argVal + '</div>';
};

Answer

Darin Kolev picture Darin Kolev · Dec 17, 2012

Try this:

...

ext:qwidth="100"

...