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