This is a migrated thread and some comments may be shown as answers.
Selected Button Text Color (Action)
1 Answer 80 Views
This is a migrated thread and some comments may be shown as answers.
Barry
Top achievements
Rank 1
Barry asked on 18 Mar 2014, 04:31 PM
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.

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 20 Mar 2014, 01:57 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Asked by
Barry
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or