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

dockzone scroll bar

3 Answers 122 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Nyceane
Top achievements
Rank 1
Nyceane asked on 28 Nov 2007, 09:58 PM
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> 
 
 

3 Answers, 1 is accepted

Sort by
0
Nyceane
Top achievements
Rank 1
answered on 28 Nov 2007, 11:07 PM
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,
0
Petya
Telerik team
answered on 29 Nov 2007, 09:21 AM
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
0
Nyceane
Top achievements
Rank 1
answered on 29 Nov 2007, 04:30 PM
thanks a lot =)  solved
Tags
Dock
Asked by
Nyceane
Top achievements
Rank 1
Answers by
Nyceane
Top achievements
Rank 1
Petya
Telerik team
Share this question
or