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); }
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
Post a Comment