Hopefully, this is a simple request. I just want to make the RadSplitBar a little taller so it is easier for our users to grab when resizing their panes. I tried setting the Height property of the RadSplitBar control, but it doesn't change anything. If I need to do this with css, example code would be greatly appreciated. As you can see by my example, my requirement is to use CollapseMode="Both", so I may need to supply taller images for all these situation as well.
I have attached the screen shot of what it looks like by default, here is the page source.
Thanks,
-Gary
I have attached the screen shot of what it looks like by default, here is the page source.
Thanks,
-Gary
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SplitterTest.aspx.cs" Inherits="WebAppTesting.SplitterTest" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
div
>
<
telerik:RadSplitter
ID
=
"RadSplitter1"
runat
=
"server"
Orientation
=
"Horizontal"
>
<
telerik:RadPane
ID
=
"RadPane1"
runat
=
"server"
BackColor
=
"Red"
>
</
telerik:RadPane
>
<
telerik:RadSplitBar
ID
=
"RadSplitBar1"
runat
=
"server"
CollapseMode
=
"Both"
Height
=
"20px"
>
</
telerik:RadSplitBar
>
<
telerik:RadPane
ID
=
"RadPane2"
runat
=
"server"
BackColor
=
"Purple"
>
</
telerik:RadPane
>
</
telerik:RadSplitter
>
</
div
>
</
form
>
</
body
>
</
html
>