Making expand/collapse button wider than the split bar

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    1 posts
    Member since:
    Feb 2011

    Posted 24 Mar 2011 Link to this post

    I would like to change the appearance of the expand/collapse button of the split bar to be wider than the split bar itself, making it a tab that overlaps the pane next to it. My goal is to make it more visible than the default appearance. See the attached screen shot for an example of what I am seeking. My attempts at increasing the width of the button also increased the width of the split bar, which I don't want.

    Is a style like I am seeking possible?

    Thanks!

  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 30 Mar 2011 Link to this post

    Hi Kevin,

    RadSplitter does not offer the required functionality out-of-the-box, and there is no convenient way to achieve this behavior. It is possible to partially achieve such behavior using the following CSS:
    .rspCollapseBarExpand, .rspCollapseBarExpandOver
    {
        width: 40px !important;
        position: absolute;   
        background-image: none !important; /*used for visibility - need to set custom image*/
        background-color: red !important; /*used for visibility - need to set custom image*/
    }
    .rspCollapseBarCollapse, .rspCollapseBarCollapseOver
    {
        width: 40px !important;
        position: absolute;   
        background-image: none !important; /*used for visibility - need to set custom image*/
        background-color: red !important; /*used for visibility - need to set custom image*/
    }       
    .rspCollapseBarCollapse
    {
        margin-left: -36px !important;   
    }
    .rspCollapseBarExpand
    {
        margin-right: -36px !important;   
    }

    Please note that this is not fully working solution and might not work for some scenarios.

    Greetings,
    Dobromir
    the Telerik team
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top