PDA

View Full Version : ToolTip for Ext.form.Label



nak1
1 Jul 2010, 8:47 AM
I've tried, unsuccessfully to get a qtip to display within a Ext.form.Label object. I've tried a few overrides(http://www.sencha.com/forum/showthread.php?11537-tooltip-on-Ext.form.Field-Labels&p=351195), but nothing appears to work.

Is it the way that I have my label rendering?



{
xtype:'panel',
border:false,
bodyStyle:'margin-left:3px',
layout:'column',
items:[{
xtype:'label',
html: '<div ext:qtip="Tooltip" style="font-size:11px;font-weight:bold;color:#333"><b>Approval: </b></div>',
qtip:'heelo',
tooltip:'hello',
style:'font-weight:bold; margin-top:5px; margin-right:2px'
},
{
typeAhead: true,
xtype:'combo',
triggerAction: 'all',
lazyRender:true,
mode: 'local',
width:55,
tooltip:'',
defaultValue:1,
forceSelection:true,
store: new Ext.data.ArrayStore({
id: 0,
fields: [
'myId',
'displayText'
],
data: [[1, 'Yes'], [2, 'No']]
}),
listeners:{
render:function(c){
c.setValue(1);
}
},
valueField: 'myId',
displayField: 'displayText'
}]

}

Animal
1 Jul 2010, 9:21 AM
There was a thread on this just a few days ago!

nak1
1 Jul 2010, 9:53 AM
I searched several different keywords, with no luck. Honestly, I think it might be my rev of Ext: 3.0.0

Animal
1 Jul 2010, 10:01 AM
http://www.sencha.com/forum/showthread.php?102715-Tooltip-for-fieldLabel

nak1
1 Jul 2010, 10:26 AM
Right, I saw that thread. Unfortunately, I'm not using the layout of "form" so I couldn't use that attribute.

I'm instantiating an Ext.form.Label object, and for some reason the HTML I pass in doesn't do anything with the ext:qtip attribute. It's frustrating...

Animal
1 Jul 2010, 10:39 AM
Layout manager is not relevant if you use a DataTip.