Results 1 to 5 of 5

Thread: Checkbox and Radio buttons do not work on iPad for Blue/Gray/Neptune themes

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTGWT-4750 in 4.0.1.
  1. #1
    Sencha Premium Member
    Join Date
    Oct 2009
    Posts
    112

    Default Checkbox and Radio buttons do not work on iPad for Blue/Gray/Neptune themes

    Checkbox and Radio buttons do not work on iPad for Blue/Gray/Neptune themes. They work on Triton theme only. The problem can be seen in the demo (http://examples.sencha.com/gxt/4.0.0/examples/)

    Specifically it doesn't work if you tap on the checkbox/radio icon. It only works if you tap on the label associated with the checkbox/radio.

    Tested on Safari and Chrome on two iPads.

  2. #2
    Sencha Premium Member
    Join Date
    Oct 2009
    Posts
    112

    Default

    I found the workaround to be the following code from triton theme: com\sencha\gxt\theme\triton\custom\client\field\TritonCheckBox.gss

    Code:
    @if(!is("user.agent", "ie8")) {
      input[type="checkbox"] {
        display: none;
      }
    
    
      input[type="checkbox"] + label {
        display:inline-block;
        margin:-1px 4px 0 0;
        vertical-align: middle;
        gwt-sprite: "unchecked";
        cursor: pointer;
        padding: PADDING;
      }
    
    
      input[type="checkbox"]:checked + label {
        gwt-sprite: "checked";
      }
    }
    Adding it to my custom neptune theme works.

    Why is there a "custom" folder in gxt-theme-triton.jar? Themebuilder doesn't generate these custom classes if I forked triton theme.

  3. #3
    Sencha Sr Product Manager
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    1,167

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  4. #4
    Sencha Sr Product Manager
    Join Date
    Jan 2012
    Location
    Arlington, WA
    Posts
    1,167

    Default

    I'm not sure what folder you're referring too. I suspect you might be thinking of the source folder in the Triton theme. The source folder can container classes that help make up the theme, such as appearance overrides.

    If this maven archetype is used to generate the project, it has the triton theme, but it's named tritium, as an theme rename to show how to override Triton. It includes the custom appearances and theme config file for Triton. This might be of interest to check out how the theme is configured.
    http://docs.sencha.com/gxt/4.x/getti...m_Theme_Module

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2009
    Posts
    112

    Default

    I am referring to gxt-4.0.0-commercial.zip\gxt-theme-triton.jar\com\sencha\gxt\theme\triton\custom folder

    I thought I could unzip gxt-theme-triton.jar, copy & customize triton.theme and use it with theme generator (as I did with neptune.theme). But it doesn't generate the custom folder. Hence my confusion.

    I don't use Maven so I don't quite understand what you said. Are you saying gxt-theme-triton.jar is supposed to demonstrate the use of custom theme module in Maven?

Similar Threads

  1. themer / themebuilder and the gxt blue&gray themes
    By mc_k in forum Sencha GXT 3.1
    Replies: 2
    Last Post: 17 Apr 2015, 6:36 AM
  2. Replies: 1
    Last Post: 7 Mar 2014, 2:51 PM
  3. Replies: 0
    Last Post: 3 Mar 2014, 1:05 AM
  4. Gray buttons in Neptune theme
    By nikolalj in forum Sencha GXT 3.1
    Replies: 2
    Last Post: 2 Mar 2014, 1:56 AM
  5. Radio Buttons fieldset with ipad of iphone
    By monster910 in forum Sencha Touch 1.x: Discussion
    Replies: 0
    Last Post: 5 Jul 2011, 12:05 PM

Posting Permissions

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