Page 1 of 2
Active state colour set in swatch reverts to default when tested on phone
Posted: Sun Oct 07, 2012 12:41 pm
by Barbara
Colour I have set for active state (pink) in my customised swatch, which shows behind icon in selected radio buttons or checkboxes reverts to the default blue in the original jquery mobile swatch when tested on phone
How do I fix this?
Active state colour set in swatch reverts to default when tested on phone
Posted: Sun Oct 07, 2012 11:09 pm
by maxkatz
jQuery Mobile overwrites it with its global active theme: http://jquerymobile.com/demos/1.2.0/d...
Search for [Global "Active" state] section.
Active state colour set in swatch reverts to default when tested on phone
Posted: Mon Oct 08, 2012 3:43 am
by Barbara
Ok so I set the background color in css like so
.ui-btn-active {
background: none !important;
background-color: #edc6bf !important;
}
But this is already set in my swatch anyway so it makes no difference in test mode. But still when I create an apk and install on my phone the color is still blue.
Shouldn't test mode also revert to blue if jquery mobile is overriding the theme?
Maybe I am not understanding something here.
Active state colour set in swatch reverts to default when tested on phone
Posted: Mon Oct 08, 2012 9:34 am
by Maryna Brodina
Hello! Could you clarify how we can reproduce it. When I open your app I see this screen after login
Where should I go next?
Active state colour set in swatch reverts to default when tested on phone
Posted: Mon Oct 08, 2012 10:44 am
by Barbara
Sorry broke the js, it's working again now.
You should see the pink background on the login page if you select remember me.
This works in test but not on my Galaxy SII when I install the apk
Active state colour set in swatch reverts to default when tested on phone
Posted: Mon Oct 08, 2012 1:01 pm
by Maryna Brodina
I reproduced it on Androin 4.0.3, but it's not reproducible on Android 2.3.3 and 2.3.6. Seems that there is something related with Android version. We'll try to figure out and I update.
Active state colour set in swatch reverts to default when tested on phone
Posted: Wed Oct 10, 2012 4:15 am
by Barbara
This seems to be working now.
Active state colour set in swatch reverts to default when tested on phone
Posted: Fri Oct 12, 2012 8:44 am
by Barbara
I take that back, it's not working - sorry.
Active state colour set in swatch reverts to default when tested on phone
Posted: Fri Oct 12, 2012 10:23 am
by Maryna Brodina
Hello! We'll take a look at this issue.
Active state colour set in swatch reverts to default when tested on phone
Posted: Fri Oct 12, 2012 2:03 pm
by Maryna Brodina
The problem is in Android 4 bug with resources names encoding (please take a look here https://issues.apache.org/jira/browse...). The workaround is to create custom css with next content:
.ui-content .ui-checkbox-on .ui-icon,
.ui-content .ui-radio-on .ui-icon {
background-color: #e6968e !important;
}
BUT - it will set pink background for checkboxes and radioboxes for whole app