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

K-Windows look odd in popup editors

3 Answers 71 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
iCognition
Top achievements
Rank 1
iCognition asked on 22 Jan 2014, 04:33 AM
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.

3 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 22 Jan 2014, 01:01 PM
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!
0
iCognition
Top achievements
Rank 1
answered on 22 Jan 2014, 10:47 PM
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
0
Dimo
Telerik team
answered on 23 Jan 2014, 12:22 PM
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!
Tags
General Discussions
Asked by
iCognition
Top achievements
Rank 1
Answers by
Dimo
Telerik team
iCognition
Top achievements
Rank 1
Share this question
or