Ext.tip.ToolTip change background color

[azago]

i need to change default background color of the Theme used : uni_sencha in Ext.tip.ToolTip

i tried

function afterrender(sender, eOpts)
{
   Ext.create('Ext.tip.ToolTip', {
   target: sender.getEl(),
   showDelay:50,
   hideDelay:50,
   html: '<span class="hintClass">Note Pratica</span>'
  });
}

in Custom.css

.hintClass {
    background-color: #096EA9!important;
    border: 1px solid #096EA9;
}
 

but I always have a border with the original color around the message

 

Thanks for the help

Angelo

 

 

 

[Sherzod]

20 minutes ago, azago said:

i need to change default background color of the Theme used : uni_sencha in Ext.tip.ToolTip

Hello,

You can try to use componentCls property.

function afterrender(sender, eOpts) {
    Ext.create('Ext.tip.ToolTip', {
        target: sender.getEl(),
        showDelay: 50,
        hideDelay: 50,
        componentCls: 'customTip',
        html: '<span class="hintClass">Note Pratica</span>'
    });
}

CustomCSS:

.customTip {
  border-color: green;
  background-color: limegreen;
}

 

[azago]

Thanks Sherzod it works fine

Angelo