This is a migrated thread and some comments may be shown as answers.

Theme builder?

1 Answer 131 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Robin
Top achievements
Rank 1
Robin asked on 31 Jul 2012, 11:25 PM
I'm making an app for my employer that was originally intended to be made with jQuery Mobile. However JQM didn't satisfy our need for smooth animations, so I'm switching to Kendo UI Mobile.

When working in JQM, there was a "theme roller" making it easy for me to add custom styles to buttons, navbars and footers. Is there a similar tool for Kendo, or what is the easiest way to change the color-scheme so that headers, footers and buttons are gradient red?

Update:
I've managed to style the header and the footer/tabstrip. But the icons and the text underneath the icons are gray. How can I force them to be white? (See screenshot)

1 Answer, 1 is accepted

Sort by
0
Kamen Bundev
Telerik team
answered on 01 Aug 2012, 12:24 PM
Hello Robin,

A Kendo UI Mobile Theme Builder is currently in the works and will be introduced along with the service pack after a month.

What you're trying to do is really easy, just use background colors and colors, like this:
.km-ios .km-tabstrip .km-button .km-icon {
    background-color: #fff;
}
.km-ios .km-tabstrip .km-button .km-text {
    color: #fff;
}


You can change the active state color for instance with (there is a gradient there too, that's why color only won't help):
.km-ios .km-tabstrip .km-state-active .km-icon {
    background: red;
}


Greetings,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
General Discussions
Asked by
Robin
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or