addFloatGroup with Splitter

[jqwidgetsdevParticipant]

Hello.

I was wondering how to make a splitter appear in new floatGroup using the addFloatGroup method.

See code example below.

$('#addFloatGroup').click(function () {
    $('#jqxDockingLayout').jqxDockingLayout('addFloatGroup', 300, 200, { x: 500, y: 200 }, 'layoutPanel',
        '<div id="jqxSplitter"><div>left</div><div>right</div></div>',
        function () {
            $("#jqxSplitter").jqxSplitter({ 
                width: "100%", 
                height: "600",
                panels: [{ size: 200 }],
                splitBarSize: 3,
                showSplitBar: true,
                resizable: false
                });
            }
        )
    });

The error I am getting is: Uncaught Error: Invalid Selector – #jqxSplitter! Please, check whether the used ID or CSS Class name is correct.

Thank you for support.

[DimitarParticipant]

Hello jqwidgetsdev,

You have missed setting the title of the floatGroup (the fifth parameter of the method). Here is a correctly working example: https://www.jseditor.io/?key=addfloatgroup-with-splitter.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[jqwidgetsdevParticipant]

Thank you, Dimitar. It works like a charm!

Best regards.

[Author]

Posts