Selected Button Text Color (Action)

2 posts, 0 answers
  1. Barry
    Barry avatar
    7 posts
    Member since:
    Feb 2013

    Posted 18 Mar 2014 Link to this post

    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-text {
        color: rgb(0, 63, 135);

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

    Thank you for your time.
  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 20 Mar 2014 Link to this post

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

    Kamen Bundev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top