This repo contains examples of importing Webix Complex Widgets into an Angular App.
By default, the demo shows how to initialize the File Manager and Kanban, but they can be replaced with any of Webix Complex Widgets.
The example is based on the default demo from Webix Github (see its README for details of integration) and basic Angular tutorial for routes in a SPA.
Complex widgets are PRO components.
This demo uses the Trial version of Webix placed into the "src".
If you have a license for Webix PRO, the sources ("codebase") can be placed instead of the Trial version, or fetched from npm (in that case, make sure you have signed in to Webix private @xbs scope).
Note: NPM always provides access to the latest versions of packages, so credentials are valid only while the license is active.
To download the latest Trial package, check webix.com/download.
After cloning the repo, run the following commands:
npm install
npm start
Then open //localhost:4200/ (default port).
Before importing sources of any complex widget, make sure the Webix is available globally.
This demo uses scripts in the workspace configuration (documentation).
File Manager and all Complex Widgets released since version 7.2 are SPA wrapped into Webix views (here's an article about their featueres).
To be able to use all their features (including customization of modules), these components should be imported with the following statement:
import * as fileManager from "@xbs/filemanager";
Kanban and Spreadsheet implemented as plain Webix views, so importing these widgets can be done simply as
import "@xbs/kanban";