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

MVC Styles and Bootstrap Form-Control Class

1 Answer 501 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Eric J at FADV
Top achievements
Rank 1
Eric J at FADV asked on 23 Sep 2014, 03:50 PM
What is the best way to get the Kendo MVC controls to honor the Bootstrap "form-control" class? I have already seen these two related resources:

http://www.telerik.com/forums/do-you-plan-to-create-bootstrap-3-compatible-theme-
http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap

I generally have no problem with the Bootstrap v.3 and the Telerik bootstrap theme working together. The key exception in my case is the  "form-control" class. For example the controls (drop-downs, auto-completes, etc) do not wrap below the label as expected on a standard (non-horizontal) form.  I often use the "for" Html Helper e.g. @Html.KendoDropDownFor.

MVC 5 standard For helpers are now good at allowing for the additional "{ @class = "form-control" } argument. Need to do something similar with the kendo controls

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 25 Sep 2014, 09:45 AM
Hello Eric,

We have updated the Bootstrap documentation page to include information about the form-control CSS class. The mentioned CSS rule will also be included in the future Kendo UI builds.

http://docs.telerik.com/kendo-ui/using-kendo-with-twitter-bootstrap#using-the-form-control-bootstrap-css-class-with-kendo-ui-widgets

I am not sure whether this is the issue you are talking about. If not, please provide a demo, which shows what do you mean by "do not wrap below the label as expected".

Regards,
Dimo
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
General Discussions
Asked by
Eric J at FADV
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or