Angular UI Components
Show Demo List
Angular UI Components
|
|
|
|
The DockingLayout Component for Angular enables the creation of complex layouts consisting of panels that can be floated, docked, nested, resized, pinned, unpinned and closed. Additional components can be integrated in the DockingLayout in order to create an IDE-like layout.
jqxDockingLayout is the jQWidgets DockingLayout component for Angular. Layout whose panels can be docked, floated and rearranged by drag-and-drop.
jqxDockingLayout has 9 properties, 6 events and 6 methods, all in the API reference. Its main members, those its demos use first:
layout (property) – Sets or gets the layout.loadLayout (method) – Loads a previously saved layout.saveLayout (method) – Saves the current layout of the widget.addFloatGroup (method) – Adds a new floatGroup.contextMenu (property) – Sets or gets whether a custom context menu will appear when certain elements of the widget are right-clicked.minGroupHeight (property) – Sets the default minimum height for groups which are vertically aligned within their parent group.minGroupWidth (property) – Sets the default minimum width for groups which are horizontally aligned within their parent group.resizable (property) – Sets or gets whether panels can be dynamically resized.dock (event) – This event is triggered when a floatGroup has been docked.floatGroupClosed (event) – This event is triggered when a floatGroup has been closed.