PDA

View Full Version : [FIXED] Checkbox and Radio buttons do not work on iPad for Blue/Gray/Neptune themes



iyeh
29 Jan 2016, 5:29 AM
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.

iyeh
29 Jan 2016, 6:45 AM
I found the workaround to be the following code from triton theme: com\sencha\gxt\theme\triton\custom\client\field\TritonCheckBox.gss



@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.

branflake2267
4 Feb 2016, 6:25 PM
Thanks for the report! I have opened a bug in our bug tracker.

branflake2267
4 Feb 2016, 6:28 PM
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/getting_started/maven/Archetypes.html#Basic_Application_with_Custom_Theme_Module

iyeh
9 Feb 2016, 5:49 AM
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?