jQWidgets Forums

jQuery UI Widgets Forums Layouts Splitter splitter panels do not show

This topic contains 3 replies, has 3 voices, and was last updated by  jguardon 12 years, 1 month ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • splitter panels do not show #1865

    a
    Member

    I have inserted the below code into my site and am having some trouble:

    $(document).ready(function () {
    $(‘#mainSplitter’).jqxSplitter({
    theme: ‘classic’,
    panels: [{ size: ‘200px’ }, { size: ‘200px’ }, { size: ‘200px’ }]
    });
    });

    one
    two
    three

    My main page loads, then I call jQuery to load() a div using ajax.
    The splitter html is in the loaded div.
    The “mainSplitter” div is visible, but the 3 panels all have a height of 0px according to Firebug.

    I tried to check the documentation for the jqxSplitter panels property and it just had an example:

    panels:[
    { min: 300, max:’450px’, size: 330, collapsible: false, collapsed: false, resizable: true },
    { min: 100, max:’550px’, collapsible: true, collapsed: false, resizable: true }
    ]

    Why is max a string, but min and size are numbers?
    Are there defaults for any of the panel properties?
    Is there documentation for the panel?

    I notice there is a jqxPanel object.
    Are the panels in a splitter jqxPanel objects?
    The jqxPanel object has height and width, not size, min and max.

    splitter panels do not show #1866

    Peter Stoev
    Keymaster

    Hi a,

    Did you include the following files in your project with the correct paths to them:

    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css"/>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" type="text/css"/>
    <script type="text/javascript" src="../../scripts/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxsplitter.js"></script>

    The above files are required in order to work with the Splitter. The Splitter widget splits DIV tags, not Panels i.e there’s no dependency between the Splitter and the Panel widgets, but you can add a Panel inside one of the Splitter’s div tags.

    Please take a look at this help topic: jquery-splitter-getting-started.htm. The help topic shows how to get started with the jqxSplitter widget and there’s also a fully functional getting started demo there.

    Hope this helps you.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

    splitter panels do not show #1867

    a
    Member

    Sorry, I was using an old version of jQuery.
    Upgraded to 1.7.1 and it works fine now.

    splitter panels do not show #18704

    jguardon
    Member

    This post was ended here I don’t know why. I was editing another post in the Splitter subforum, so please, delete this.

    Apologies for that!

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.