Hello,
I'm quite new to Kendo, and I bumped into a difficulty figuring out what is the best way to work with Kendo styles for the simple controls (button, textbox, checkbox, etc..)
Button was quite simple, cause adding the k-button class did all the work, but what about other controls?
I took a look at the source of the theme builder page, and I saw that for some controls more than one class is used..
I wonder whether adding the k-... class for each control is the best practice for simple controls, or am I missing something?
For example, if I want to have a textbox that has its style changing on hover, do I have to add a JavaScript code that adds the k-state-hover class to that element? Or is there any other way to do that?
What are the best practices in the simple UI controls?
Any help will be appreciated.
Irit.
I'm quite new to Kendo, and I bumped into a difficulty figuring out what is the best way to work with Kendo styles for the simple controls (button, textbox, checkbox, etc..)
Button was quite simple, cause adding the k-button class did all the work, but what about other controls?
I took a look at the source of the theme builder page, and I saw that for some controls more than one class is used..
I wonder whether adding the k-... class for each control is the best practice for simple controls, or am I missing something?
For example, if I want to have a textbox that has its style changing on hover, do I have to add a JavaScript code that adds the k-state-hover class to that element? Or is there any other way to do that?
What are the best practices in the simple UI controls?
Any help will be appreciated.
Irit.
8 Answers, 1 is accepted
0
Hello Irit,
You can use the k-textbox CSS class for simple textboxes. This will also add a hover effect by using a :hover pseudo class.
However, checkboxes and selects are not stylable.
I advise you to take a look at:
http://www.kendoui.com/documentation/ui-widgets/appearance-styling.aspx
Greetings,
Dimo
the Telerik team
You can use the k-textbox CSS class for simple textboxes. This will also add a hover effect by using a :hover pseudo class.
However, checkboxes and selects are not stylable.
I advise you to take a look at:
http://www.kendoui.com/documentation/ui-widgets/appearance-styling.aspx
Greetings,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Irit
Top achievements
Rank 1
answered on 14 Jun 2012, 12:58 PM
Hi,
Thank you for the link! It was very helpful.
Regarding the radio buttons and checkboxes, is adding style for these controls is in the roadmap?
Thanks,
Irit
Thank you for the link! It was very helpful.
Regarding the radio buttons and checkboxes, is adding style for these controls is in the roadmap?
Thanks,
Irit
0
Hello Irit,
Styling checkboxes and radio buttons is only possible with a widget similar to the ASP.NET AJAX RadFormDecorator, however, currently such a component has a low priority on our side and I am afraid we do not plan to provide it in the near future unless a lot of people request it.
All the best,
Dimo
the Telerik team
Styling checkboxes and radio buttons is only possible with a widget similar to the ASP.NET AJAX RadFormDecorator, however, currently such a component has a low priority on our side and I am afraid we do not plan to provide it in the near future unless a lot of people request it.
All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Joshua
Top achievements
Rank 2
Iron
Veteran
Iron
answered on 21 Jun 2012, 06:35 PM
Can you add me a list of requestors? I chose kendo because of it's look, feel, and completeness. With that being said, I try to only use one 3rd party tool suite and that is kendo. The problem that I have is that my designers are constantly complaining about radio and checkboxes and trying to get other plug ins to do what they want. It makes it hard to standardize on kendo when they do not address these two ever present elements.
0
Hi Joshua,
Thanks for the feedback, we will keep it in mind.
All the best,
Dimo
the Telerik team
Thanks for the feedback, we will keep it in mind.
All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0

Guy
Top achievements
Rank 1
answered on 27 Jun 2012, 05:20 PM
I, too, had a completeness problem with styling all the various controls needed in a normal application. I've chosen to start with Bootstrap and then work my way back into Kendo where I need it. Now it's a matter of determining which to use where the Venn diagram overlaps.
0

vsuhax
Top achievements
Rank 2
answered on 29 Aug 2012, 01:19 AM
I completely support Joshua position.
I wish Kendo would have styling and functionality features for basic controls like TextBox, RadioButtonList and Checkbox.
I wish Kendo would have styling and functionality features for basic controls like TextBox, RadioButtonList and Checkbox.
0
Hello all,
I recommend adding and/or voting for your request in Kendo UI user voice, so that we can keep a better track of it and adjust its priority, compared to other features.
Regards,
Dimo
the Telerik team
I recommend adding and/or voting for your request in Kendo UI user voice, so that we can keep a better track of it and adjust its priority, compared to other features.
Regards,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!