This is a migrated thread and some comments may be shown as answers.
RadDock horizontal docking & browser resizing problem.
1 Answer 56 Views
This is a migrated thread and some comments may be shown as answers.
Mark Sandford
Top achievements
Rank 1
Mark Sandford asked on 13 Jul 2009, 10:41 AM
Hi,

I was wondering if anyone could help with the issue I'm having. If I have varying dock heights in horizontal orientation, and I reduce the size of the browser window, the docks wrap around to the next line, but aren't flushed against the dock directly above it i.e. there's additional vertical spacing.

I could obviously float the docks to position them myself, but docking them is so much neater and requires less effort for the user.

Thanks
Mark

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="dockexample.aspx.vb" Inherits="dockexample" %> 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %> 
 
<!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 id="Head1" runat="server"
<style type="text/css">   
.RadDock 
    margin: 0px 5px 5px 0px !important; 
</style> 
<title></title
 </head> 
<body> 
    <form id="form1" runat="server">    
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager> 
               
       <telerik:RadDockLayout runat="server" ID="RadDockLayout1" StoreLayoutInViewState="true"
       <telerik:raddockzone runat="server" id="RadDockZone1" Width="100%" Orientation="Horizontal" BorderStyle="None"
         <telerik:RadDock ID="RadDock1" Title="Dock 1" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"
            <ContentTemplate> 
                <div style="padding: 11px;"
                    You can drag this object through the titlebar, no custom handle is defined. 
                    You can drag this object through the titlebar, no custom handle is defined.</div> 
            </ContentTemplate> 
        </telerik:RadDock> 
         
        <telerik:RadDock ID="RadDock2" Title="Dock 2" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"
            <ContentTemplate> 
                <div style="padding: 11px;"
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                     You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.<br /></div
            </ContentTemplate> 
        </telerik:RadDock> 
         
        <telerik:RadDock ID="RadDock3" Title="Dock 3" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"
            <ContentTemplate> 
                <div style="padding: 11px;"
                    You can drag this object through the titlebar, no custom handle is defined. 
                    You can drag this object through the titlebar, no custom handle is defined.</div> 
            </ContentTemplate> 
        </telerik:RadDock> 
         
        <telerik:RadDock ID="RadDock4" Title="Dock 4" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"
            <ContentTemplate> 
                <div style="padding: 11px;"
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.<br /> 
                    You can drag this object through the titlebar, no custom handle is defined.</div> 
            </ContentTemplate> 
        </telerik:RadDock> 
         
        <telerik:RadDock ID="RadDock5" Title="Dock 5" runat="server" Width="220px" Skin="Vista" DockMode="Docked" DefaultCommands="None"
            <ContentTemplate> 
                <div style="padding: 11px;"
                    You can drag this object through the titlebar, no custom handle is defined.</div> 
            </ContentTemplate> 
        </telerik:RadDock> 
         </telerik:raddockzone> 
        </telerik:RadDockLayout> 
    </form> 
</body> 
</html> 

1 Answer, 1 is accepted

Sort by
0
Jim
Top achievements
Rank 1
answered on 16 Jul 2009, 07:18 AM
I think this cannot be done. The RadDock is rendered on the client as a <div> element (with style="float: left"). Therefore its rendering behavior depends solely on the browser.  
Tags
Dock
Asked by
Mark Sandford
Top achievements
Rank 1
Answers by
Jim
Top achievements
Rank 1
Share this question
or