PDA

View Full Version : How to set the backgroundcolor of "qtip" ?



rimbaudsolaris
5 Jul 2010, 7:50 AM
I'd like to change the background color of the message below


metaData.attr ='ext:qtip="' + '<fmt:message key="sybiladmin.userException.stateDisable"/>'


It's possible when using this snipet code, but Ext.ToolTip don't works with metaData.attr



new Ext.ToolTip({
target: 'tip1',
html: '<p style="background-color:green">This is a paragraph.</p>'

});

<div id="tip1" >Basic ToolTip</div>




renderer: function(value, metaData, record, rowIndex, colIndex, store) {

if (record.get('endDate') <= new Date()) {
metaData.css = 'userException-disabled';
metaData.attr ='ext:qtip="' + '<fmt:message key="sybiladmin.userException.stateDisable"/>' + '"';
} else if (value) {
metaData.css = 'userException-active';
metaData.attr ='ext:qtip="' + '<fmt:message key="sybiladmin.userException.stateActivate"/>' + '"';
} else if (!value) {
metaData.css = 'userException-inactive';
metaData.attr ='ext:qtip="' + '<fmt:message key="sybiladmin.userException.userDeactivate"/>' + '"';
}


Thanks for your help