1. #1
    Sencha User
    Join Date
    Jan 2012
    Posts
    41
    Answers
    1
    Vote Rating
    2
    Golden.Vulture is on a distinguished road

      0  

    Default Unanswered: changing cursor type on button disabled

    Unanswered: changing cursor type on button disabled


    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 ?

  2. #2
    Sencha - Community Support Team mankz's Avatar
    Join Date
    Nov 2007
    Location
    Stockholm, Sweden
    Posts
    2,748
    Answers
    33
    Vote Rating
    106
    mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all mankz is a name known to all

      0  

    Default


    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

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    82
    Answers
    7
    Vote Rating
    1
    dr-dan is on a distinguished road

      0  

    Default


    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

    Code:
    disabledCls: 'disabledButton'
    the css you need is:

    Code:
    .disabledButton .x-btn-inner { cursor: default !important; }
    .disabledButton .x-btn-center { cursor: default !important; }
    or override the classes generated by ext

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

Thread Participants: 2

Tags for this Thread