jcubic/jquery.splitter

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%)