CSS classes editor-field and editor-label in kendo.common.min.css

2 posts, 0 answers
  1. Michael
    Michael avatar
    1 posts
    Member since:
    Jun 2012

    Posted 12 Jul 2012 Link to this post

    Hello,

    I notice that kendo.common.min.css contains classes named "editor-field" and "editor-label" that conflict with ASP.NET MVC's scaffold-generated CSS classes.  Was this an oversight or intentional?
  2. Dimo
    Admin
    Dimo avatar
    8471 posts

    Posted 13 Jul 2012 Link to this post

    Hi Michael,

    Indeed, a .k-edit-form-container CSS class should be added before the editor-field and editor-label classes:

    .k-edit-label,
    .k-edit-field,
    .k-edit-form-container .editor-label,
    .k-edit-form-container .editor-field
    {
        display: inline-block;
        padding-bottom: 1em;
    }
     
    .k-edit-label,
    .k-edit-form-container .editor-label
    {
        width: 30%;
        text-align: right;
        padding-right: 3%;
    }
     
    .k-edit-field,
    .k-edit-form-container .editor-field
    {
        width: 60%;
    }


    I have updated your Telerik points for reporting the problem.

    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!
Back to Top