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

RadDock horizontal docking & browser resizing problem.

1 Answer 123 Views

Dock

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

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>

RadDock horizontal docking & browser resizing problem.

1 Answer, 1 is accepted