Smart.GanttChart for Angular is part of the jQWidgets Smart UI Components Library for Angular.

Smart.GanttChart represents a feature-complete, responsive and touch friendly Angular GanttChart component.

This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.

Angular 13 support

The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines.

Resources

• Getting Started
• View Online Demos

Highlights

Enterprise features for Angular

The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.

Modular architecture

All components are built as modules so only the components and features you need are imported in your application.

Blazing Fast

All components are built from scratch in order to achieve the best performance and user experience.

Responsive, Touch & mobile friendly

Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.

Showcase Applications

• Admin Template
• Admin Template 2
• Admin Template 3

Support

Product support is available for through following mediums.

• Community forum.
• New GitHub issue.
• Support e-mail: support@jqwidgets.com

Usage

• Download and install the package

1npm install @smart-webcomponents-angular/ganttchart

• Adding CSS reference

The CSS files are available in ../node_modules/@smart-webcomponents-angular/ganttchart/styles/ folder.

1"styles": [
2	"node_modules/@smart-webcomponents-angular/ganttchart/styles/smart.base.css",
3	"node_modules/@smart-webcomponents-angular/ganttchart/styles/smart.ganttchart.css",
4	"node_modules/@smart-webcomponents-angular/ganttchart/styles/smart.common.css"
5]
6
7If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'. 

• Add the Component Module in your application

1import { NgModule } from '@angular/core';
2import { BrowserModule } from '@angular/platform-browser';
3
4import { GanttChartModule } from '@smart-webcomponents-angular/ganttchart';
5
6import { AppComponent } from './app.component';
7
8@NgModule({
9    declarations: [ AppComponent ],
10    imports: [ BrowserModule, GanttChartModule ],
11    bootstrap: [ AppComponent ],
12	entryComponents: [ AppComponent ]
13})
14
15export class AppModule { }

License

Check the license detail here.

Release Notes

Check the release notes here © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.