jQWidgets Forums

Forum Replies Created

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

Author

Posts

December 11, 2014 at 1:41 pm in reply to: Position cursor in input after focus is called Position cursor in input after focus is called #64118

boardofpowder

Participant

Super! Thanks Peter

June 22, 2014 at 1:49 pm in reply to: Sort by column on binding complete Sort by column on binding complete #56193

boardofpowder

Participant

Gees, it’s too early in the morning for this stuff. That was the wrong link. Use this one: Forked Fiddle

June 22, 2014 at 1:46 pm in reply to: Sort by column on binding complete Sort by column on binding complete #56192

boardofpowder

Participant

The link didn’t come through. Here it is again: Forked Fiddle

July 4, 2013 at 1:07 pm in reply to: Splitter stops working with v2.9 Splitter stops working with v2.9 #24504

boardofpowder

Participant

Ah yes, that makes sense. I’ve made the changes you suggested and it works now. For anyone reading, this is the resulting code that works perfectly.

Thanks Peter!

<!DOCTYPE html><html lang="en"><head>
    <meta name="keywords" content="jQuery Splitter, Splitter Widget, Splitter, jqxSplitter" />
    <title id='Description'>This demonstration shows a complex layout implementation that
        shows nesting multiple splitters.</title>
    <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="jqwidgets/jqxsplitter.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var theme = 'default';
            $('#mainSplitter').jqxSplitter({ theme: theme, width: 600, height: 600, orientation: 'vertical', panels: [{ size: 400, collapsible: false}] });
            $('#firstNested').jqxSplitter({ width: '100%', height: '100%', theme: theme, orientation: 'vertical', panels: [{ size: 200, collapsible: false}] });
            $('#thirdNested').jqxSplitter({ width: '100%', height: '100%', theme: theme, orientation: 'horizontal', panels: [{ size: 300, collapsible: false}] });
        });
    </script></head>
    <body class='default'>
    <div id="mainSplitter">
        <div>
            <div id="firstNested">
                <div><span>Panel 3</span></div>
                <div>
                    <div id="thirdNested">
                        <div>
                            <span>Panel 4</span>
                        </div>
                        <div>
                            <span>Panel 5</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <span>Panel 6</span>
        </div>
    </div>
    </body>
</html>

Author

Posts

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