I am dynamically loading content to splitter panels and need the splitter to change its height based on the height of the content. I started with your “jqxSplitter Fluid Size Example”, which seems to set the height and width of the splitter to the height and width of the body of the document. In my case, I have other controls on the page, so need the splitter to get taller as content is added. I can’t seem to figure out how to get this to work.
I have created a basic example which simply has a button (to append content), and a splitter. I’ve set the min-height of the splitter to 100px (as without it, the splitter seems to have a 0px height). I’ve also added an additional div underneath the splitter to demonstrate how I would like to the splitter to resize itself. When the user clicks the “Add Something” button, the word “Appended” is added to both the splitter panel and the additional div at the bottom. By running this sample you should see that as more “Appended”s are added to the div at the bottom, the div grows in height, where the splitter stays at exactly the same size with the content disappearing.
I understand I could place vertical scrollbars on the splitter panels, but don’t really want them, I really need the splitter to resize as content is added. Is this possible to achieve? If so, where am I going wrong?
You add new content in inner splitter but main splitter stay with some value by default.
I would like to suggest you one work around – set some height of the
And each time when add new item set height for the two splitters together.
You must be logged in to reply to this topic.