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 1 year, 6 months ago.

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

  • marlonwanger
    Participant

    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

    Marlon


    marlonwanger
    Participant

    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 1 year, 6 months ago by  marlonwanger.

    Hristo
    Participant

    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
    http://www.jqwidgets.com

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

You must be logged in to reply to this topic.