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:
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
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