How to make Splitter Collapses only to left

2 posts, 0 answers
  1. A2H
    A2H avatar
    177 posts
    Member since:
    Mar 2010

    Posted 07 Jun 2013 Link to this post

    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.
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 10 Jun 2013 Link to this post

    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!
  3. UI for ASP.NET MVC is VS 2017 Ready
Back to Top