Hello,
I'm having a problem with RadWindow and RadDockZone, when the contents of RadDockZone is larger than the size of the RadWindow, in Internet Explorer 7, the RadDockZone overflows the RadWindow, creates the scroll bar, but the content overflow the RadWindow.
In real case I have in the RadWindow, one RadDockZone with some fields, and another below, with a RadGrid. But did this example that simulates the same problem:
Tested in FF3, FF4, IE7, IE8, IE9 and chrome. And the problem only occurs in IE7. I tried some solutions with css, but could not resolve satisfactorily.
It would be a bug? or just something that I'm setting wrong?
I'm having a problem with RadWindow and RadDockZone, when the contents of RadDockZone is larger than the size of the RadWindow, in Internet Explorer 7, the RadDockZone overflows the RadWindow, creates the scroll bar, but the content overflow the RadWindow.
In real case I have in the RadWindow, one RadDockZone with some fields, and another below, with a RadGrid. But did this example that simulates the same problem:
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <telerik:RadScriptManager ID="telerik_ajax_manager" runat="server" OutputCompression="AutoDetect" /> Overflow test: RadWindow + dockZone <telerik:RadWindow ID="rad_window" runat="server" Title="Overflow test: RadWindow + dockZone" Modal="true" Width="500px" Height="400px" Behaviors="Close" VisibleStatusbar="false" VisibleOnPageLoad="true"> <ContentTemplate> <telerik:RadDockZone ID="dock_zone_1" runat="server" BorderStyle="None" > <telerik:RadDock ID="dock_1" runat="server" Title="Dock Zone 1" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse"> <ContentTemplate> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> <telerik:RadDockZone ID="dock_zone_2" runat="server" BorderStyle="None" > <telerik:RadDock ID="dock_2" runat="server" Title="Dock Zone 2" Resizable="false" EnableDrag="false" DefaultCommands="ExpandCollapse"> <ContentTemplate> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> </ContentTemplate> </telerik:RadDock> </telerik:RadDockZone> </ContentTemplate> </telerik:RadWindow></asp:Content>Tested in FF3, FF4, IE7, IE8, IE9 and chrome. And the problem only occurs in IE7. I tried some solutions with css, but could not resolve satisfactorily.
It would be a bug? or just something that I'm setting wrong?
1 Answer, 1 is accepted
0
Accepted
Hello Milak,
There is an issue in IE7 when you nest elements with position set to relative (as is the RadDockZone) inside elements with position set to relative or absolute. The end result is that the child element overflows the parent as in your demonstration page.
What you can do is use an IE7 CSS hack and set the RadDockZone's position to static for IE7:
Best wishes,
Marin
the Telerik team
There is an issue in IE7 when you nest elements with position set to relative (as is the RadDockZone) inside elements with position set to relative or absolute. The end result is that the child element overflows the parent as in your demonstration page.
What you can do is use an IE7 CSS hack and set the RadDockZone's position to static for IE7:
*+html .RadDockZone { position: static !important; }Best wishes,
Marin
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.