Right side pane not shown in splitter

2 posts, 0 answers
  1. Wietse
    Wietse avatar
    1 posts
    Member since:
    Feb 2015

    Posted 04 Dec 2015 Link to this post

    Earlier today I ran into a problem with the application I'm working on and found the same behavior in the demo page for the splitter.

    In a splitter with 2 panes, move the splitterbar between the two panes. Add a third pane to the right hand side and move the splitterbar between the second and third pane. Close the third pane and move the splitterbar between the first two panes again.

    If you add a pane to the right hand side again, it will have a width of 0. The demopage will show a splitterbar on the right side, outside of the splitter-div, which allows you to adjust the width and make the thrid pane visible.

    In my application, the splitter fills up the screen to the edge on the right side, so in my case, the splitbar will be invisible as well.

    How can I fix this?

  2. Iliana Nikolova
    Iliana Nikolova avatar
    2571 posts

    Posted 08 Dec 2015 Link to this post

    Hi Wietse,

    I posted a reply in your other thread, however here is my answer too:

    This behavior is expected as the Splitter's layout is adjusted "from the outside to the inside". In order words, the panes dimensions depend on the Splitter size and pane configuration - i.e. if the panes sum exceeds the splitter-div size they will be rendered outside the Splitter (example). Hence, the expected result is not supported and its implementation requires additional code. Providing such solutions is outside the scope of our support services, however you could try the following approach:
    - When appending new panes, change the splitter width;
    Resize the Splitter.
    For your convenience here is an example which should give a basic idea - please check it and let me know if there is anything else I can assist you with.

    Iliana Nikolova
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET AJAX banner
Back to Top