PDA

View Full Version : Tooltip constraints



ChrisR
10 Feb 2011, 7:27 AM
I've got a column renderer defined that creates a HTML fragment which contains the ext.qtip attributes to create a quicktip. All works fine, the image renders in the grid cell, when i hover over the image a tooltip with the larger image is shown ... all nice but the quicktip on the bottom row expands beyond the constraints of the panel, is there any way to make it stay inside the 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);
}

https://img.skitch.com/20110210-ch5e9jrif1cuui441ep96ub89h.preview.jpg (https://skitch.com/chrisramakers/rqb2s/webadmin-inventis-framework)Click for large view (https://skitch.com/chrisramakers/rqb2s/webadmin-inventis-framework) - Uploaded with Skitch (http://skitch.com)

ChrisR
14 Feb 2011, 1:56 AM
Anyone has any idea on this? I'm kinda stuck.