RadSplitBar width issue

4 posts, 0 answers
  1. Jesmon
    Jesmon avatar
    17 posts
    Member since:
    Jul 2012

    Posted 29 Mar 2012 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 29 Mar 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jesmon
    Jesmon avatar
    17 posts
    Member since:
    Jul 2012

    Posted 30 Mar 2012 Link to this post

    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
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 30 Mar 2012 Link to this post

    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.
Back to Top