Tagged: add, add panel, addFloatGroup, allowClose, close panel, docking layout, documentPanel, dynamically, float, floatGroup CSS, floatGroup styling, floatGroup theme, initContent, jqxDockingLayout, remove, solution, Theme
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 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.
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.
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.
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.
let me know any update for this now? I need it. thanks
Let me know if tabbedGroup is supporting now runtime add and remove new tab. thanks
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.
hi thanks, but how can i change the theme of the addFloatGroup. showing always orange
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.
Now how can i remove the close button in dock layout
I remove already in my code but still showing.
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.
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
You must be logged in to reply to this topic.