Bryntum Gantt for Ext JS Features
General
- Built entirely on web standards: JavaScript, HTML and CSS
- Supported browsers: Chrome, Firefox, Safari and modern Edge
- Easy to localize to support any language.
- Unit tested with Siesta
- Comparison table with Bryntum Gantt
Features
- Drag drop, resize and create tasks using the mouse or touch
- Configurable time scale with up to 3 header rows, from ms to years.
- Programmatic validation of any editing actions
- 40+ columns included, support for adding any custom columns.
- Dependencies between tasks (FF/FS/SF/SS), incl. lead or lag
- Customize the task look and feel using any HTML + CSS.
- Zooming from milliseconds to years, customizable zoom levels.
- Data can be sorted using any field or criteria.
- Inline editing supported for all data fields.
- Copy & paste of cells and rows
- Undo & redo
- Critical path
- Backward scheduling
- Split tasks
- Drag and drop reordering of rows in the left grid.
- Customizable tooltips using any HTML markup
- Navigate easily using the keyboard
- Filter tasks on any condition
- Read-only mode available
- Progress line
- Built-in customizable context menu.
- PROResource Histogram
- Task constraints
- Scheduling modes
- Rollups
- Custom icons
- Task, resource and project calendars
- Task baseline
- Support for customizable task labels
- PROResource Utilization table
- PROSharePoint integration demo / guide
- PROExport to PDF/PNG
- PROImport from MS Project
- PROPrint
- Support for rendering line and zone indicators for important dates
- Task grouping by any field
Visual Appearance
- All elements can be styled easily using just plain CSS
- Row height is customizable, and can be changed dynamically.
- The HTML produced by the Gantt chart is powered by pluggable Ext JS XTemplate classes.
- Each timeline element (task, parent task, milestone) can be rendered with your own custom template
- Tasks can be easily styled individually by putting CSS classes on the Model data, or by using the eventRenderer method.
- Dependency lines and arrows can by styled individually. Example
- Supports Ext JS hight contrast Aria theme. Check it out
Technical details
- Easy to add custom data fields to any of the included Data Model classes (Task, Dependency, Assignment, Resource, Calendar etc)
- Comes with a flexible API where you can override pretty much any part of the codebase.
- Multiple build versions available, a readable development build with source code comments and a minified build for production use. You can also build your own custom version to minimize the footprint.
- Platform:Â Ext JSÂ (separate license required)
Server/Database Integration
- Either use the standard Proxy classes in Ext JS or use our custom CrudManager class (v3.0+).
- Load and save data in JSON or XML. Custom data formats can also be supported.
- Fully working samples with PHP, Java and ASP.NET.
- Integrates with any server technology (PHP, Java, ASP.NET etc)