Unable to render any splitter
PandaWood opened this issue · 2 comments
Hi, I'm sorry but I cannot get this splitter to work at all.
There must be some assumption I am making about splitters that is not the case (I've used kendo splitter)
My web page, a HTML file attached - wrapped in .txt to allow it to be uploaded here.
it is self sufficient apart from the .css reference (there's no instruction that reminds you that a css inclusion is needed BTW)
Pretty similar to the demo.
All I want is the entire page, fully split vertically - into a left and right side.
Am I using the right plugin?
The code below is definitely running the plugin but not showing any splitters.
jquery-test.txt
It seems that you need to set the height of the container in pixels otherwise it will not work:
$(document).ready(function() {
var splitter = $('#container').split({
orientation: 'vertical',
limit: 10,
position: '20%'
});
var $window = $(window);
$window.resize(function() {
splitter.height($window.height()-16); // 8px padding on body
}).resize();
});
I need to update the readme.
Thanks, that's it.
Your workaround is the best way to get around it - since I don't want to specify a height (other than 100%)