Skip to content

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

License

Notifications You must be signed in to change notification settings

IgniteUI/igniteui-dockmanager

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ignite-ui-logo-flames

Ignite UI Dock Manager Web Component - from Infragistics

npm version Discord

Ignite UI Dock Manager Web Component provides means to manage the layout of your application through panes, allowing your end-users to customize it further by pinning, resizing, moving and hiding panes.

DockManagerDemo

Important

Version 2.0+ Notice: The Dock Manager has been migrated from Stencil to Lit. This is an internal architectural change that maintains full API compatibility with previous versions. For applications using version 1.x, please see the migration guide below.

NPM Package

You can include the Ignite UI Dock Manager Web Component in your project as a dependency using the NPM package.

npm install igniteui-dockmanager --save

Usage

Lit Version (v2.0+)

In the new Lit-based version, you simply import the component and call the defineComponents() function:

import { defineComponents, IgcDockManagerComponent } from 'igniteui-dockmanager';

defineComponents(IgcDockManagerComponent);

Legacy Stencil Version (v1.x)

If you are using version 1.x, it is necessary to import and call the defineCustomElements() function:

import { defineCustomElements } from 'igniteui-dockmanager/loader';

defineCustomElements();

Adding to the Page

Once the Dock Manager is imported, you can add it on the page:

<igc-dockmanager id="dockManager">
</igc-dockmanager>

Localization

Starting with version 2.0, localization resources have been moved to a separate package. To localize the Dock Manager strings, install the peer dependency igniteui-i18n-resources and register a language bundle with igniteui-i18n-core:

npm install igniteui-i18n-resources --save
import { registerI18n } from 'igniteui-i18n-core';
import { DockManagerResourceStringsES } from 'igniteui-i18n-resources';

registerI18n(DockManagerResourceStringsES, 'es');

More information on how to use the Ignite UI Dock Manager Web Component can be found here.

Browser Support

chrome_48x48 firefox_48x48 edge_48x48 opera_48x48 safari_48x48
Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔

Feedback

Support

Developer support is provided as part of the commercial, paid-for license via Infragistics Forums, or via Chat & Phone with a Priority Support license. To acquire a license for paid support or Priority Support, please visit this page.

License

This is a commercial product, requiring a valid paid-for license for commercial use.
This product is free to use for non-commercial educational use for students in K through 12 grades or University programs, and for educators to use in a classroom setting as examples / tools in their curriculum. In order for us to verify your eligibility for free usage, please register for trial and open a support ticket with a request for free license.

To acquire a license for commercial usage, please register for trial and refer to the purchasing options in the pricing section on the product page.

© Copyright 2020 INFRAGISTICS. All Rights Reserved. The Infragistics Ultimate license & copyright applies to this distribution. For information on that license, please go to our website https://www.infragistics.com/legal/license.

About

Ignite UI Dock Manager Web Component provides means to manage the layout of your application.

Topics

Resources

License

Stars

Watchers

Forks

Contributors 8