jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxDocking

  • Default Functionality
  • Import Layout
  • Settings
  • Events
  • Keyboard Navigation
  • Right to Left Layout
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Docking UI Component

The Docking component for Angular allows you to rearrange dockable windows with rich content.

angular docking

About jqxDocking for Angular

jqxDocking is the jQWidgets Docking component for Angular. Dashboard of windows that can be dragged between columns, collapsed and closed.

6 jqxDocking demos with source code

  • Default Functionality – The default functionalities in Angular Docking.
  • Import Layout – The use of importLayout in Angular Docking.
  • Settings – The settings available in Angular Docking.
  • Events – Are shown the events that occur in Angular Docking.
  • Keyboard Navigation – The keyboard navigation in Angular Docking.
  • Right to Left Layout – This example of Angular Docking is set from right to left.

jqxDocking API

jqxDocking has 13 properties, 2 events and 25 methods, all in the API reference. Its main members, those its demos use first:

  • mode (property) – Sets or gets docking's mode.
  • orientation (property) – Sets or gets docking's orientation.
  • hideAllCloseButtons (method) – Hiding the close buttons of all windows.
  • showAllCollapseButtons (method) – Showing the collapse buttons of all windows.
  • importLayout (method) – Importing the docking layout from a JSON string.
  • windowsMode (property) – Sets ot gets specific mode for each window.
  • collapseWindow (method) – Collapsing a specific window.
  • disable (method) – Disabling the jqxDocking.
  • enable (method) – Enabling the docking
  • expandWindow (method) – Expanding a specific window.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.