dockzone scroll bar

4 posts, 0 answers
  1. Nyceane
    Nyceane avatar
    47 posts
    Member since:
    Nov 2007

    Posted 28 Nov 2007 Link to this post

    I made a a simple docking zone without using css, but there is always an scroll bar on the button of them page, would someone please explain to me why that is? and how do I remove the scroll bar on the buttom?

    I've tried using %, px, on all combinations of the table as well as the docking zone and docks, but the scroll on the docking zone would not leave no matter what.

    http://i218.photobucket.com/albums/cc141/Nyceane/test.jpg
    so what do I have to do to remove the scroll bar under the docking zone?

    Peter

    <%@ Page Language="C#" MasterPageFile="~/MyMaster.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
     
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"
        <telerik:RadDockLayout ID="RadDockLayout1" runat="server"
        <table border="0" cellpadding="0" cellspacing="12" style="width: 100%; height: 116%"
            <tr> 
                <td style="vertical-align: top; text-align: left; width: 400px; height: 342px;"
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="300px" Width="300px"  FitDocks="true"  Orientation="Vertical" > 
                        <telerik:RadDock ID="RadDock1" runat="server" Width="100%"
                        <ContentTemplate> 
                        Test Test, this is just testing 
                        </ContentTemplate> 
                        </telerik:RadDock> 
                    </telerik:RadDockZone> 
                </td> 
                <td style="vertical-align: top; text-align: left; width: 400px; height: 342px;"
                    <telerik:RadDockZone ID="RadDockZone2" runat="server" Height="300px" Width="95%" > 
       
                    </telerik:RadDockZone> 
                </td> 
                <td style="vertical-align: top; text-align: left; width: 446px; height: 342px;"
                    <telerik:RadDockZone ID="RadDockZone3" runat="server" Height="300px" Width="95%"
     
                    </telerik:RadDockZone> 
                </td> 
            </tr> 
        </table> 
        </telerik:RadDockLayout> 
         
    </asp:Content> 
     
     
  2. Nyceane
    Nyceane avatar
    47 posts
    Member since:
    Nov 2007

    Posted 28 Nov 2007 Link to this post

    under the example 

    http://www.telerik.com/DEMOS/ASPNET/Prometheus/Dock/Examples/Default/DefaultCS.aspx

    it gives the line
    <telerik:raddockzone runat="server" id="RadDockZone1" orientation="vertical" style="border:0px;width:220px;">

    style does not exist under raddock zone,
  3. Petya
    Admin
    Petya avatar
    869 posts

    Posted 29 Nov 2007 Link to this post

    Hello Peter,

    You can use two approaches to get rid of the undesired scroll:

    1. Use the MinHeight property of RadDockZone instead of Height

    OR

    2. Keep using Height and apply style="overflow:hidden;" to the zone

    Let us know how it goes.

    All the best,
    Petya
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  4. Nyceane
    Nyceane avatar
    47 posts
    Member since:
    Nov 2007

    Posted 29 Nov 2007 Link to this post

    thanks a lot =)  solved
Back to Top