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

RadDock content overflow - no scroll bar

1 Answer 61 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Brian
Top achievements
Rank 1
Brian asked on 14 Jun 2011, 07:22 PM
Hello

I'm having a formatting problem with a RadDock when the height is set explicitly using css - there is no vertical scrollbar when the content overflows the dock and the bottom border is cut off (see attached picture).  Relevant dock code is:

<telerik:RadDockLayout ID="RadDockLayout1" runat="server">
     
    <telerik:RadDockZone ID="dockzoneMain" runat="server" BorderColor="Transparent" Orientation="Horizontal">
     
        <telerik:RadDock ID="dockContent" runat="server" Skin="Sunset"
            Title="Network Access" EnableRoundedCorners="true" DefaultCommands="None" EnableDrag="false"
             CssClass="dockTopLeft" >
         
        <ContentTemplate>
            <div class="text_style">
                blah blah blah
            </div>

The css is:

.dockTopLeft
{
    width:385px !important;
    Height:350px !important;
  overflow:hidden;
}

.text_style
{
    font-family:calibri;
    font-size:12pt;
    padding-top:5px;
    
    width:100%;
    overflow:hidden;
}

I believe the expected behaviour is to see a vertical scrollbar when all of the content does not fit in the dock - that is what I would like to achieve...When I remove overflow:hidden; from the css the bottom border is extended, which I don't want either...This happens in both IE8 and Chrome by the way.


Question 2:
Can I control RadDock properties such as EnableDrag and Skin from css or a centralized file? For instance if I wanted to set EnableDrag="false" for all of the RadDocks in my application?

Thanks a lot,

Brian

1 Answer, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 17 Jun 2011, 07:52 AM
Hi Brian,

Setting RadDock's width and height through CSS is not supported, because the RadDock dynamically computes its dimensions. Please use the Width and Height properties for this purpose.
Regarding the second question you should use ASP.NET Themes to set the properties from a centralized location. Here is an article with more information on the subject: http://www.telerik.com/support/kb/aspnet-ajax/general/using-asp-net-themes-for-setting-radcontrols-properties.aspx.

Greetings,
Pero
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Dock
Asked by
Brian
Top achievements
Rank 1
Answers by
Pero
Telerik team
Share this question
or