RadDock horizontal docking & browser resizing problem.

2 posts, 0 answers
  1. Mark Sandford
    Mark Sandford avatar
    3 posts
    Member since:
    Jan 2005

    Posted 13 Jul 2009 Link to this post

    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> 
  2. Jim
    Jim avatar
    31 posts
    Member since:
    Jun 2009

    Posted 16 Jul 2009 Link to this post

    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.  
Back to Top