changing cursor type on button disabled

[Golden.Vulture]

Hi I want to change the cursor type from hand to default when a button is disabled.
I wrote a cursor property -> cursor:default in style tag of button but it didnt help.

Any ideas guys ?

I found a improvement usability in ext GWT here : http://www.sencha.com/forum/showthre...d-cursor-style

Do we have something like that in extjs 4 ?

[mankz]

You can set your own button "disabledCls" and use Firebug to figure out what the CSS rule should be.

http://docs.sencha.com/ext-js/4-0/#!...fg-disabledCls

[dr-dan]

Unfortunately the cursor is declared way down the chain - in fact on the span inside a button tag!? The disabledCls actually goes on the outer div containing this button and span - makes styling these buttons a really really ugly hack

Here you go:

Say you use

disabledCls: 'disabledButton'

the css you need is:

.disabledButton .x-btn-inner { cursor: default !important; }
.disabledButton .x-btn-center { cursor: default !important; }

or override the classes generated by ext

.x-btn-disabled .x-btn-inner { cursor: default !important; }
.x-btn-disabled .x-btn-center { cursor: default !important; }