K-Windows look odd in popup editors

4 posts, 0 answers
  1. Matt
    Matt avatar
    66 posts
    Member since:
    Apr 2012

    Posted 21 Jan 2014 Link to this post

    I see that kendo has added an i-frame qualifier to kendo window editors, this causes them to have no padding and makes the content appear flush with the window border.

    This looks strange and should be fixed.

    Adding your own padding causes a vertical scrollbar to appear.
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 22 Jan 2014 Link to this post

    Hello Matt,

    I am not sure I understand you correctly, but here is what we changed recently with regard to Window iframe usage:

    + a k-window-iframecontent class is applied to the Window element (div.k-window-content)
    + the above class removes the <div> element's padding and disabled scrollability

    The above changes are beneficial in two ways:

    + there is no unnecessary space between the iframe container and the iframe itself. This spacing looks strange when iframe scrollbars are present
    + there are no double scrollbars in Google Chfome.

    Here is a simple demo:

    Problem visible in previous versions:

    http://jsfiddle.net/dimodi/Em29d/21/

    Problem fixed in latest version:

    http://jsfiddle.net/dimodi/Em29d/20/

    In case you want spacing between the iframe content and the Window border, you should either add spacing inside the iframe, or override the default Kendo UI styles:

    .k-window .k-window-iframecontent
    {
        padding: 1em;
    }


    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Matt
    Matt avatar
    66 posts
    Member since:
    Apr 2012

    Posted 22 Jan 2014 Link to this post

    Yes I am aware of that.

    So you're not going to fix the default look of a grid popup window editor?

    Try running this demo http://demos.kendoui.com/web/grid/editing-popup.html with the latest code base and see how strange it looks
  5. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 23 Jan 2014 Link to this post

    Hi Matt,

    The Grid popup edit form normally does not use an iframe. It is true, that the popup edit form content container does not have side paddings, but the label and textbox containers do have them. Moreover, they are aligned in such a way, that there is even more spacing towards the edges of the Window.

    I am not sure what do you mean by "fixing the default look". In my opinion the default look of the Grid popup edit form is OK (attached screenshot). Let me know if you need more information.

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready