Hello Telerik,
I have quite a simple splitter, which makes scrollbars after you move the splitter. (before that it is ok with no scrollbars).
It happens only on Firefox and Chrome. Surprisingly, i.e. seems to manage it nicely.
I guess it is a styling issue.
here is the code (simple aspx with no code behind):
What do you advice to change?
Many thanks,
-Itye
I have quite a simple splitter, which makes scrollbars after you move the splitter. (before that it is ok with no scrollbars).
It happens only on Firefox and Chrome. Surprisingly, i.e. seems to manage it nicely.
I guess it is a styling issue.
here is the code (simple aspx with no code behind):
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
script
runat
=
"server"
>
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
}
</
script
>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
title
></
title
>
<
style
>
html, body, form
{
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
body
{
background-color:#FFFFFF;
font-size:12px;
font-family:Arial;
direction:rtl;
}
#main
{
height: 100%
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form2"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
/>
</
Scripts
>
</
asp:ScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
EnableOutsideScripts
=
"true"
EnablePageHeadUpdate
=
"False"
> </
telerik:RadAjaxManager
>
<
div
id
=
"main"
>
<
asp:Panel
runat
=
"server"
Height
=
"45"
>
header
</
asp:Panel
>
<
asp:Panel
runat
=
"server"
Height
=
"100%"
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
/>
<
telerik:RadSplitter
ID
=
"NestedSplitter"
runat
=
"server"
LiveResize
=
"true"
Height
=
"100%"
Width
=
"100%"
>
<
telerik:RadPane
ID
=
"LeftPane"
runat
=
"server"
Width
=
"200"
MinWidth
=
"150"
MaxWidth
=
"400"
>
main menu
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"VerticalSplitBar"
runat
=
"server"
CollapseMode
=
"Backward"
/>
<
telerik:RadPane
ID
=
"ContentPane"
runat
=
"server"
>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
telerik:RadSplitter
ID
=
"MainSplitter"
runat
=
"server"
Height
=
"100%"
Width
=
"100%"
Orientation
=
"Horizontal"
>
<
telerik:RadPane
ID
=
"TopPane"
runat
=
"server"
Scrolling
=
"Y"
Height
=
"30%"
MinHeight
=
"100"
CssClass
=
"TopPane"
>
top content
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadsplitbarTop"
runat
=
"server"
CollapseMode
=
"Forward"
/>
<
telerik:RadPane
ID
=
"MainPane"
runat
=
"server"
Scrolling
=
"Y"
Height
=
"70%"
>
edit content
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
telerik:RadAjaxPanel
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
asp:Panel
>
</
div
>
</
form
>
</
body
>
</
html
>
What do you advice to change?
Many thanks,
-Itye