This is a migrated thread and some comments may be shown as answers.

How to make Splitter Collapses only to left

1 Answer 147 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
A2H
Top achievements
Rank 1
A2H asked on 07 Jun 2013, 05:24 AM
Hi,

I am using kendo splitter in an mvc application.

I have a small requirement here and unfortunately I cannot find a solution for that.

In splitter I have enabled collapse property to true and I can collapse the splitter now.

What I want is I don't want the splitter to collapse to right. 

ie . splitter should collapse only to left.

Please help me.

1 Answer, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 10 Jun 2013, 11:15 AM
Hello,

You have not shared any code and I assume that you have enabled collapsible for both panes. If so you need to enable it only for the left pane.

For example consider the following demo with the following configuration

<div id="example" class="k-content">
    <div id="splitter">
        <div></div>
        <div></div>
    </div>
 
    <script>
        $(document).ready(function() {
            $("#splitter").kendoSplitter({
                panes: [
                    { contentUrl: '../../content/web/splitter/ajax/ajaxContent1.html' ,collapsible:true ,resizable:false},
                    { contentUrl: '../../content/web/splitter/ajax/ajaxContent2.html', collapsible: false, resizable: false }
                ]
            });
        });
    </script>
 
</div>


Kind Regards,
Petur Subev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Splitter
Asked by
A2H
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Share this question
or