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?
1 Answer, 1 is accepted
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, 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.
Regards,
Iliana Nikolova
Telerik