Selected Button Text Color (Action)

[Barry]

I am using your Mobile ThemeBuilder and I can not get the selected button's text in the ButtonGroup to change color.  I've tried many different ways to change the color through declarative css styles. (No Inline, I can not use inline styling).

This is the style that is generated by your theme builder:

.km-ios7 .km-view .km-navbar .km-view-title > * .km-button.km-state-active .km-text {
    color: rgb(0, 63, 135);
}

It does not work.  The selected button's text is always white.

Thank you for your time.

[Kamen Bundev]

Hello Barry,

With the iOS7 theme, we introduced a way to easily change the View tint color with a simple CSS rule. However, this required some changes in the way the text and background are colorized and currently it is not so easy to set the text color of some widgets (where it should be inverted). We are using the lesser known -webkit-text-fill-color property, which sets the text color without changing the color property itself (which we use for background colorization). To work around this, you can change the rule produced by the Kendo UI Mobile ThemeBuilder a bit, like this:
.km-ios7 .km-view .km-navbar .km-view-title > * .km-button.km-state-active .km-text {
    -webkit-text-fill-color: initial;
    color: rgb(0, 63, 135);
}

Meanwhile, while making the Android theme changes we identified a better way to do this and will be fixing this issue in iOS7 theme for the service pack.

Let me know if this helps.

Regards,
Kamen Bundev
Telerik