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

Best practices in using Kendo's for simple UI controls

8 Answers 339 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Irit
Top achievements
Rank 1
Irit asked on 13 Jun 2012, 01:08 PM
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.

8 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 13 Jun 2012, 03:08 PM
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
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
0
Dimo
Telerik team
answered on 14 Jun 2012, 03:27 PM
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
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 1
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
Dimo
Telerik team
answered on 22 Jun 2012, 07:10 AM
Hi Joshua,

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.
0
Dimo
Telerik team
answered on 29 Aug 2012, 06:50 AM
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
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
Irit
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Irit
Top achievements
Rank 1
Joshua
Top achievements
Rank 1
Veteran
Iron
Guy
Top achievements
Rank 1
vsuhax
Top achievements
Rank 2
Share this question
or