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 User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    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

    Default Very cool!

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

    --dan

  3. #3
    Sencha User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    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 User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    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

  6. #6
    Sencha User
    Join Date
    Dec 2007
    Posts
    168

    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 User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    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

    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

    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 User Condor's Avatar
    Join Date
    Mar 2007
    Location
    The Netherlands
    Posts
    24,245

    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
  •