jQuery UI Widgets Forums Angular Docking Layout with jqxTabs in place documentPanel

This topic contains 2 replies, has 2 voices, and was last updated by  Hristo 5 years, 5 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • marlonwanger

    I am testing the docking layout and would like to know if it is possible in place of documentPanel, using a jqxTabs I need to create these tabs by clicking on some file in the tree.

    Currently I can inject runtime components into the tabs.

    I would like to know if this replacement is possible. or if it is possible to create these documentPanel in runtime



    I’ve tried something like

                type: 'layoutGroup',
                orientation: 'vertical',
                width: '55%',
                items: [
                    type: 'documentGroup',
                    height: 600,
                    minHeight: 200,
                    initContent: () => {
                      const instance = jqwidgets.createInstance('#tabContainer', 'jqxTabs', {
                        theme: 'material',
                        width: '100%',
                        height: '100%',
                        position: 'top',

    but it did not work

    Thank you all

    • This reply was modified 5 years, 5 months ago by  marlonwanger.


    Hello marlonwanger,

    Is there any error message in the console?

    I would like to suggest you another approach which is more suitable for your case.
    Please, take a look at this tutorial.
    It demonstrates how you could use Dynamic Injection approach – you could add a new component at the moment you want.

    Best Regards,
    Hristo Hristov

    jQWidgets team

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

You must be logged in to reply to this topic.