Page 1 of 4 123 ... LastLast
Results 1 to 10 of 31

Thread: [2.x] Tri-state checkbox and themed checkbox and radio

  1. #1
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    119
      0  

    Default [2.x] Tri-state checkbox and themed checkbox and radio

    I know several of you have been waiting for this extension:

    Tri-state checkbox and themed checkbox and radio components:



    The attachment contains all needed files and an example.

    Know issues:
    Ext.ux.form.Radio currently ONLY works with the ext-base.js adapter.

    Remarks:
    - TriCheckbox is actually a multi-state checkbox. You can supply values and checkedCls arrays in the config with values and CSS classes for every state.
    - Does somebody have better looking grayed checkbox images?
    Attached Files Attached Files
    Last edited by Condor; 8 Mar 2008 at 7:36 AM. Reason: Added TriCheckbox

  2. #2
    Ext User dantheman's Avatar
    Join Date
    Mar 2007
    Posts
    259
    Vote Rating
    1
      0  

    Default Very cool!

    How will this play under a non-Ext theme (eg Slate)?

    --dan

  3. #3
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    119
      0  

    Default

    The checkbox images are blue'ish. You might want to change them to gray.

    The CSS also assumes a line-height of 13. For a smaller line-height you will have to adjust the CSS and the images, for a bigger line-height you can just add margins in the CSS.

  4. #4
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    119
      0  

    Default

    I was reading the Ext roadmap thread and noticed the request for tri-state checkboxes.

    Since I already made the themed checkbox adding tri-state support wasn't that hard.

    (I updated my original post with the new code)

  5. #5
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Vote Rating
    86
      0  

    Default

    Excellent work Condor

  6. #6
    Sencha User
    Join Date
    Dec 2007
    Posts
    168
    Vote Rating
    4
      0  

    Default

    Looking at the screen shots I do not understand how the tri-state will behave. Going by another Winform library I reckon the most intuitive behavior is:

    Classic unchecked.
    Classic checked.
    Uniform mid-dark grey block.

    Three clicks should cycle through those 3 states. Is this how the new Ext implementation works.

  7. #7
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    119
      0  

    Default

    Quote Originally Posted by SeaSharp2 View Post
    Three clicks should cycle through those 3 states. Is this how the new Ext implementation works.
    Yes.

    The only problem is that I don't have good images of a grayed checkbox.
    If somebody could provide those I would gladly replace my images (I need normal, focussed, down and disabled state images).

  8. #8
    Sencha User
    Join Date
    Dec 2007
    Posts
    168
    Vote Rating
    4
      0  

    Default

    Quote Originally Posted by Condor View Post
    I would gladly replace my images (I need normal, focussed, down and disabled state images).
    Just wanted to clarify my view on what a tri-state checkbox is about. The 3rd state is "not declared" which is different to a state of disabled.

  9. #9
    Sencha User
    Join Date
    May 2008
    Posts
    14
    Vote Rating
    0
      0  

    Default

    There seems to be a bug in this extension. The check event is getting blocked. So if I add a listener for the check event, it never gets called. Has someone else experienced this?

    Tx

  10. #10
    Sencha - Community Support Team Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,246
    Vote Rating
    119
      0  

    Default

    I abandoned this project when Ext 2.2 came out. Which version of Ext JS are you using?

Page 1 of 4 123 ... LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •