RadSplitBar width issue

[Jesmon]

Hi,
    I have a RadSplitter which contain RadSplitBar1. I set width for RadSplitBar but the problem is width is not affecting . Please help
Thanks in Advance
Jesmon Joseph

[Princy]

Hi Jesmon,

You can set the SplitBarsSize property of RadSplitter to set the width of RadSplitBar.

ASPX:

<telerik:RadSplitter ID="RadSplitter1" runat="server" SplitBarsSize="20">

Hope this helps.

Thanks,
Princy.

[Jesmon]

Hi Princy,
                    Thanks for the support. Its works fine. but the problem is collapse button size remain same. Any other option to increase the size of collapse button
Thanks in Advance
Jesmon Joseph

[Princy]

Hi Jesmon,

The embedded buttons are actually images and thus you cannot modify their size by using CSS. However, you can prepare your own images, as big as you need by using following css styles.

ASPX:

<telerik:RadSplitBar ID="RadSplitBar" runat="server" CollapseMode="Both" >
</telerik:RadSplitBar>

CSS:

<style type="text/css">
    .rspCollapseBarExpand, .rspCollapseBarExpandOver
     {
        background: #1E90BB url(close.gif) no-repeat 0 0!important;
        height:8px!important;
        width:23px!important;
     }
    .rspCollapseBarCollapse, .rspCollapseBarCollapseOver
     {
        background: #1E90BB url(close.gif) no-repeat 0 0!important;
        height:8px!important;
        width:23px!important;
     }
    .rspResizeBar, .rspResizeBarOver, .rspCollapseBarWrapper
     {
        background:#5f5c5a!important;
        height: 8px !important;
     }
</style>

Hope this helps,

Thanks,
Princy.