Hide SplitBar

[Jasper]

Hi,

is it possible to hide a splitbar if one of the panes next to the splitbar is collapsed?

Best regards
 

[Marin Bratanov]

Hello Jasper,

You could hide it by using the example code below:

<telerik:RadSplitter ID="splitter1" runat="server" Orientation="Vertical">
    <telerik:RadPane runat="server" ID="leftPane" OnClientCollapsed="hideSplitBar">left pane</telerik:RadPane>
    <telerik:RadSplitBar runat="server" id="splitbar1" Width="5px" CollapseMode="Both"></telerik:RadSplitBar>
    <telerik:RadPane runat="server" ID="middlePane" OnClientCollapsed="hideSplitBar">middle pane</telerik:RadPane>
    <telerik:RadPane runat="server" ID="rightPane">right pane</telerik:RadPane>
</telerik:RadSplitter>

and

<script type="text/javascript">

    function hideSplitBar() {
        var splitbarWrapper = $get("<%=splitbar1.ClientID %>");
        splitbarWrapper.style.display = "none";
    }
</script>

Please note that hiding the SplitBar would remove the user's interface for opening the pane again, so you would have to do it programmatically or remove the "display: none" property.


All the best,
Marin
the Telerik team

[Jasper]

Thank you, Marin.

I needed to resize the other non-collapsed pane using setVarSize but know it works like a charm. :)

Best Regards