2009.2.720.35 VS2008 SP1, XP x32, IE8. It renders fine in IE8 compatibility mode. In regular IE8 mode, the top 3 window does not render. |
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="_Default" %> |
<%@ register tagprefix="telerik" namespace="Telerik.Web.UI" assembly="Telerik.Web.UI" %> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<html xmlns="http://www.w3.org/1999/xhtml" > |
<head runat="server"> |
<title></title> |
<style type="text/css"> |
#RadDockZone1 { |
padding:2px !important; |
} |
</style> |
</head> |
<body> |
<form id="form1" runat="server"> |
<asp:scriptmanager id="ScriptManager" runat="server" /> |
<telerik:raddocklayout runat="server" id="RadDockLayout1" |
onsavedocklayout="RadDockLayout1_SaveDockLayout" |
onloaddocklayout="RadDockLayout1_LoadDockLayout"> |
<telerik:raddockzone runat="server" id="RadDockZone1" width="300" MinHeight="500" style="float:left;margin-right:15px;background: #f5f4e8;"> |
<telerik:RadDock ID="raddock1" Resizable="true" runat="server" Text="My Links" CollapseText="My Links" > |
<ContentTemplate> |
<iframe width="250px" scrolling="no" height="200px" src="http://www.telerik.com"></iframe> |
</ContentTemplate> |
</telerik:RadDock> |
<telerik:RadDock ID="raddock4" Resizable="true" runat="server" Text="My Links" CollapseText="My Links" > |
<ContentTemplate> |
<iframe width="250px" scrolling="no" height="200px" src="http://www.telerik.com"></iframe> |
</ContentTemplate> |
</telerik:RadDock> |
</telerik:raddockzone> |
<telerik:raddockzone runat="server" id="RadDockZone2" width="300" MinHeight="500" style="background: #d5f0fa;float:left;"> |
<telerik:RadDock ID="RadDock2" Resizable="true" runat="server" Text="My Links" CollapseText="My Links" > |
<ContentTemplate> |
<iframe width="250px" scrolling="no" height="200px" src="http://www.telerik.com"></iframe> |
</ContentTemplate> |
</telerik:RadDock> |
</telerik:raddockzone> |
<telerik:raddockzone runat="server" id="RadDockZone4" width="300" MinHeight="500" style="background: #d5f0fa;float:left;"> |
</telerik:raddockzone> |
<telerik:raddockzone runat="server" id="RadDockZone3" width="1200" MinHeight="500" style="background: #d5f0fa;float:none;"> |
<telerik:RadDock ID="RadDock3" Resizable="true" runat="server" Text="My Links" CollapseText="My Links" > |
<ContentTemplate> |
<iframe width="100%" height="300px" src="http://www.telerik.com"></iframe> |
</ContentTemplate> |
</telerik:RadDock> |
</telerik:raddockzone> |
<div style="display:none"> |
Hidden UpdatePanel, which is used to receive the new dock controls. |
We will move them with script to the desired initial dock zone. |
<asp:updatepanel runat="server" id="UpdatePanel1"> |
<triggers> |
</triggers> |
</asp:updatepanel> |
</div> |
</telerik:raddocklayout> |
</form> |
</body> |
</html> |