Premium forums

Best practices in using Kendo's for simple UI controls Cancel

• Irit

  
  13 Jun 2012 (Link to this post)

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

  
  13 Jun 2012 (Link to this post)

  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!
• Irit

  
  14 Jun 2012 (Link to this post)

  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
• Dimo

  
  14 Jun 2012 (Link to this post)

  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!
• Joshua

  
  21 Jun 2012 (Link to this post)

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

  
  22 Jun 2012 (Link to this post)

  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!
• Guy

  
  27 Jun 2012 (Link to this post)

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

  
  28 Aug 2012 (Link to this post)

  I completely support Joshua position.
  I wish Kendo would have styling and functionality features for basic controls like TextBox, RadioButtonList and Checkbox.
• Dimo

  
  29 Aug 2012 (Link to this post)

  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!