tooltip - ExtJS Quicktip constrains problem -


i've got column renderer defined creates html fragment contains ext.qtip attributes create quicktip. works fine, image renders in grid cell, when hover on image tooltip larger image shown ... nice quicktip on bottom row expands beyond constraints of panel, there way make stay inside panel boundaries?

var thumbrenderer = function(value, meta, record){     var thumbpath   = config.baseurl + 'images/thumb/' + record.get('filename');     var previewpath = config.baseurl + 'images/big/' + record.get('filename');     return string.format('<img src="{0}" ext:qwidth="312" ext:qtip="<img style=\'margin: 2px 0;width:300px;\' src=\'{1}\' />" width="60" class="pic" />', thumbpath, previewpath); } 

tooltip

you may want @ showat method:

tip.showat([x,y]); 

where x , y respective x , y co-ordinate positions.

edit: can use showby() method on quicktip instance:

http://dev.sencha.com/deploy/dev/docs/source/tip.html#method-ext.tip-showby


Comments

Popular posts from this blog

javascript - Enclosure Memory Copies -

php - Replacing tags in braces, even nested tags, with regex -