jQuery UI Widgets Forums Layouts Layout and Docking Layout jqxDockingLayout add remove documentPanel

This topic contains 28 replies, has 13 voices, and was last updated by  Hristo 8 months ago.

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
  • jqxDockingLayout add remove documentPanel #78647

    jqwidgetsdev
    Participant

    Hello.

    Good job on this this widget!
    I was wondering is there perhaps a way to dynamically add/remove documentPanels to/from a jqxDockingLayout?

    If you could show how to do this it will be very much appreciated.

    Thank you.

    jqxDockingLayout add remove documentPanel #78667

    Mariya
    Participant

    Hi jqwidgetsdev,

    Thank you for the interest in the jqxDockingLayout. You can use the ‘addFloatGroup’ method as shown at: https://www.jseditor.io/?key=jqxdockinglayout-addfloatgroup-method and drag and drop it where you need it. You can also use the the contextMenu property in order to close a panel.

    Best Wishes,
    Mariya

    jQWidgets Team
    http://www.jqwidgets.com

    jqxDockingLayout add remove documentPanel #79203

    pegah
    Participant

    How do you dock the floatgroup back to the middle “document panel”? (I know you can do this by mouse but I want to achieve it by coding)
    Basically I’d like to create an IDE like feature where you can click on a file name on the tree on my left/right panel, and create a new panel in documentPanel or put it back in focus if it is already there.
    Thanks

    jqxDockingLayout add remove documentPanel #79210

    Dimitar
    Participant

    Hello pegah,

    Unfortunately, there is currently no way to do this programmatically. However, we will consider improving the widget by adding such a feature in the future.

    Best Regards,
    Dimitar

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


    amrish
    Participant

    Hi,

    Is dynamically adding documentPanel now supported with jqxDockingLayout (instead of using addFloatGroup)? Also, how can i close already dcoked documentPanle without undocking it? I am loooking for something like “x” close button on documentPanel header itself.

    Regards,
    Amrish


    Dimitar
    Participant

    Hi Amrish,

    1. Dynamically adding document panels is still not supported, unfortunately.
    2. You can close document panels via the context menu (right-click the panel’s header and select “Close”).

    Best Regards,
    Dimitar

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


    n_oandasan
    Participant

    let me know any update for this now? I need it. thanks


    n_oandasan
    Participant

    Let me know if tabbedGroup is supporting now runtime add and remove new tab. thanks


    Dimitar
    Participant

    Hi n_oandasan,

    Unfortunately, in the current implementation of jqxDockingLayout, panels and groups can be added dynamically only using the method addFloatGroup. We have, however, noted this feature request and will consider implementing it in a future version of jQWidgets.

    layoutPanels can be closed via their respective Close buttons (x) or via the context menu while documentPanels can only be closed through the context menu.

    Best Regards,
    Dimitar

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


    n_oandasan
    Participant

    hi thanks, but how can i change the theme of the addFloatGroup. showing always orange


    Dimitar
    Participant

    Hi n_oandasan,

    floatGroups have a custom style applied (not the theme “orange”). Here is an example showing how to style them differently: https://www.jseditor.io/?key=jqxdockinglayout-floatgroup-styling. We hope it is helpful to you.

    Best Regards,
    Dimitar

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

    jqxDockingLayout add remove documentPanel #91248

    n_oandasan
    Participant

    thank you

    jqxDockingLayout add remove documentPanel #91251

    n_oandasan
    Participant

    Now how can i remove the close button in dock layout

    I remove already in my code but still showing.

    type: ‘layoutGroup’,
    allowClose: false,
    orientation: ‘horizontal’,
    items: [{
    type: ‘tabbedGroup’,
    allowClose: false,
    width: ‘20%’,
    items: [{
    type: ‘layoutPanel’,
    allowClose: false,
    title: ‘Admin’,
    contentContainer: ‘Administrator’
    },{
    type: ‘layoutPanel’,
    allowClose: false,
    title: ‘Chat’,
    contentContainer: ‘Chat’
    }]
    },

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

    Dimitar
    Participant

    Hi n_oandasan,

    Thank you for your feedback. Currently, the allowClose setting is not preserved after a group is pinned or unpinned. We will try to improve this behaviour in a future version of jQWidgets.

    Best Regards,
    Dimitar

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


    sd#j.prizal
    Participant

    Bah this should be an core functionality, we should be able to create dynamically every component type supported. Now I have to do magic , add some dom new elements, add to the layout and call methods from your api hoping that it renders correctly :/ . Please consider this features , because this tool is really great. Some jqxRibbon methods should be published, on the documentation refers that documentPanel is an jqxribbon, when I managed to grab the widget attribute , some of the jqxribbon methods does not work at all, hopefully the select event is, because I needed to grab that event to load the jqxgrid tables based on the user selection… Another thing when an jqxgrid with filterrow is not visible but initialized it throws an error to the console and breaks the js . After discovered the problem I managed to validate before the grid creation, but this could be an default functionality … Thank you

Viewing 15 posts - 1 through 15 (of 29 total)

You must be logged in to reply to this topic.