MVC Styles and Bootstrap Form-Control Class

2 posts, 1 answers
  1. Eric J at FADV
    Eric J at FADV avatar
    17 posts
    Member since:
    Oct 2012

    Posted 23 Sep 2014 Link to this post

    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
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 25 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top