Making expand/collapse button wider than the split bar

[Kevin]

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!

[Dobromir]

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