I'm having overflow problems in my rad docks. They are in a user control (in an update panel), in a content page which is in a master page. My control is generating all the rad docks dynamically. The rad docks are overflowing the containers they are in, but my other controls are obeying the rules.
Screen Shot 1
Master Page
Screen Shot 2
Master page has a control panel added to facilitate fitting in the allowed area. You can see how the Rad Docks overflow above the control container. They also overflow below the container too. Other controls (labels, buttons, etc..) will not appear in the overfow area. The same effect appears no matter if I put the panel control in the master page, content page, or in the user control.
Here is my rad dock layout control in the user control
What can I do to get my rad docks to obey their containers?
Screen Shot 1
Master Page
<td> |
<div id="MainDiv"> |
<asp:ContentPlaceHolder ID="MainPlaceHolder" runat="server"> |
</asp:ContentPlaceHolder> |
</div> |
</td> |
------ CSS setting |
#MainDiv |
{ |
height: 458px; |
} |
Screen Shot 2
Master page has a control panel added to facilitate fitting in the allowed area. You can see how the Rad Docks overflow above the control container. They also overflow below the container too. Other controls (labels, buttons, etc..) will not appear in the overfow area. The same effect appears no matter if I put the panel control in the master page, content page, or in the user control.
<td> |
<div id="MainDiv"> |
<asp:Panel ID = "null3kd98" runat="server" Height="100%" ScrollBars="Vertical"> |
<asp:ContentPlaceHolder ID="MainPlaceHolder" runat="server"> |
</asp:ContentPlaceHolder> |
</asp:Panel> |
</div> |
</td> |
Here is my rad dock layout control in the user control
<div id="div_PrioritizePriorities"> |
<asp:UpdatePanel runat="server" ID="up1"> |
<ContentTemplate> |
<telerik:RadDockLayout ID="RadDockLayout1" runat="server" |
OnSaveDockLayout="RadDockLayout1_SaveDockLayout" |
OnLoadDockLayout="RadDockLayout1_LoadDockLayout"> |
<div id="div_rdZoneMain"> |
<p class="p_ZoneHeader"> |
Current Widgets |
</p> |
<telerik:RadDockZone ID="rdZoneMain" runat="server" minHeight="180px" |
Width="100%" BorderStyle="None"> |
</telerik:RadDockZone> |
</div> |
<div id="div_rdZoneNew"> |
<p class="p_ZoneHeader"> |
New Widgets |
</p> |
<telerik:RadDockZone ID="rdZoneNew" runat="server" minHeight="180px" |
Width="100%" BorderStyle="None"> |
</telerik:RadDockZone> |
</div> |
<div id="div_rdZoneHidden2" class="div_rdZoneHidden2" runat="server"> |
<p class="p_ZoneHeader"> |
Hidden Widgets |
</p> |
<telerik:RadDockZone ID="rdZoneHidden" runat="server" width="100%" MinHeight="30px" |
BorderStyle="None" /> |
</div> |
</telerik:RadDockLayout> |
</ContentTemplate> |
<Triggers> |
<asp:AsyncPostBackTrigger ControlID="ibToggleCollapseAll" EventName="Click" /> |
<asp:AsyncPostBackTrigger ControlID="cbShowImpact" EventName="checkedchanged" /> |
<asp:AsyncPostBackTrigger ControlID="cbShowIssues" EventName="checkedchanged" /> |
</Triggers> |
</asp:UpdatePanel> |
</div> |
What can I do to get my rad docks to obey their containers?