jqxDockingLayout add remove documentPanel

[jqwidgetsdevParticipant]

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.

[MariyaParticipant]

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

[pegahParticipant]

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

[DimitarParticipant]

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/

[amrishParticipant]

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

[DimitarParticipant]

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_oandasanParticipant]

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

[n_oandasanParticipant]

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

[DimitarParticipant]

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_oandasanParticipant]

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

[DimitarParticipant]

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/

[n_oandasanParticipant]

thank you

[n_oandasanParticipant]

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’
}]
},

[DimitarParticipant]

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.prizalParticipant]

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

[Author]

Posts