I am new to the ext js. My requirement is to show tool tip on the disable ponent ( ex. xtype like 'button', 'textfield','datepicker' etc ) in ext js 6.0.1.

I am thankful if anyone face the same issue and having solution on the same.

I am new to the ext js. My requirement is to show tool tip on the disable ponent ( ex. xtype like 'button', 'textfield','datepicker' etc ) in ext js 6.0.1.

I am thankful if anyone face the same issue and having solution on the same.

• javascript
• extjs
• extjs4.2
• extjs5
• extjs6

• Extjs allows to show tip on disabled ponents like button.You can use config tooltip or use setTooltip() method for button as given in this link: docs.sencha./extjs/5.0.0/api/… – Tejas Commented Apr 7, 2017 at 5:39

3 Answers 3

A simple way to show tooltips on disabled buttons in Extjs is to change the style specification for .x-item-disabled for pointer-events:none to pointer-events:all

<style>
    .x-item-disabled, .x-item-disabled * {
    pointer-events:all;
}
</style>

See fiddle here

You can do this programmaticly:

var button={
    xtype : 'button',
    tooltip: 'Tooltip',
    text:'Text',
    style: {
        pointerEvents: 'all'
    }
};

Or after the ponent is initialized:

button.setStyle({pointerEvents: 'all'});

For Button - add tooltip config.

var button={
        xtype : 'button',
        id : 'BtnId',
        tooltip:'',
        text:''
};

when you are disabling button.

button.disable();
button.setTooltip("Message");