v7.2.0-alpha-1

/

Color system Customize context menus Replace context menus Alternative icon font Upgrade FA icons to Pro Keyboard shortcuts Localization Responsive Styling

Class system Creating custom widgets Accessibility Testing with Jest

7.2.0 7.1.0 7.0.2 7.0.1 7.0.0 6.0.0+5.0.0+4.0.0+3.0.0+

Migrating to v7 CSS

Build for production

Version history 7.2.0 7.1.1 7.1.0 7.0.0 6.0.0+5.0.0+4.0.0+

Source and demos

Overview Public repository access Private repository access Package managers Installation Components Automation Troubleshooting

AIFilterField AssignmentField AssignmentGrid Button ButtonGroup Calendar CalendarDatePicker CalendarEditor CalendarEditorAvailabilityRangeContainer CalendarEditorBaseTab CalendarEditorDateInfo CalendarEditorDatePicker CalendarEditorExceptionPanel CalendarEditorExceptionTab CalendarEditorLegend CalendarEditorWeekGrid CalendarEditorWeekPanel CalendarEditorWeekTab CalendarField CalendarPicker Chart ChatPanel ChatPopup Checkbox CheckboxGroup ChecklistFilterCombo ChipView ColorField ColumnCombo ColumnFilterField ColumnPickerButton ColumnScrollButton ColumnSearchField Combo ConstraintTypePicker Container CostAccrualField DateField DatePicker DateRangeField DateTimeField DependencyField DependencyTypePicker DisplayField DurationField Editor EffortField EndDateField EventColorField FieldFilterPicker FieldFilterPickerGroup FieldSet FileField FilePicker FilterField Gantt GanttBase Grid GridBase GridChartDesigner GridFieldFilterPicker GridFieldFilterPickerGroup GroupBar Hint Label List Mask Menu ModelCombo ModeSelector MonthPicker NumberField PagingToolbar Panel PasswordField ProgressBar ProjectCombo ProjectCombo Radio RadioGroup RangeMenu RateTableField ResourceCombo ResourceEditor ResourceFilter ResourceGrid ResourceHistogram ResourcesCombo ResourceTypeField ResourceUtilization RichTextField Scheduler SchedulerBase SchedulerDatePicker SchedulerPro SchedulerProBase SchedulingDirectionPicker SchedulingModePicker Slider SlideToggle Splitter StartDateField SwimlaneCombo SwimlaneFilterField SwimlanePickerButton SwimlaneScrollButton TabPanel TagCombo TaskBoard TaskBoardBase TaskBoardFieldFilterPicker TaskBoardFieldFilterPickerGroup TaskColorCombo TaskFilterField TextAreaField TextAreaPickerField TextField TimeField Timeline TimelineHistogram TimePicker TimeVisualizingEditor TodoListField Toolbar TreeCombo TreeGrid UndoRedo UndoRedo VersionGrid ViewPresetCombo Widget YearPicker ZoomSlider

AgendaColumn EventColumn

CalendarTag

CrudManager TimeRangeStore

ExcelExporter

CalendarPrintConsumer

CalendarPrinter Printer

Print

AI CalendarDrag CalendarFeature CalendarZone EventBuffer EventCopyPaste EventEdit EventMenu EventTooltip ExternalEventSource LoadOnDemand ScheduleMenu ScheduleTooltip TimeRanges WeekExpander

DayLayout FluidDayLayout

LayoutDim

CalendarStores SchedulerInterface

ProjectModel TimeRangeModel

EventSlots EventSorter

EventNavigation EventSelection

Calendar

CalendarMixin DateRangeOwner DayCellCollecter DayCellRenderer DaySelectable EventRenderer

AgendaView CalendarDatePicker CalendarRow DayAgendaView DayResourceCalendarRow DayResourceView DaySelector DayView EventEditor EventList EventTip ModeSelector MonthAgendaView MonthGrid MonthView OverflowPopup RangeMenu ResourceChipView ResourceView Sidebar TimeVisualizingEditor WeekView YearView

DesignableChartConfig

Chart ChartDesigner

WidgetTag

ArrayDataField BooleanDataField DataField DateDataField DurationUnitDataField IntegerDataField ModelDataField NumberDataField ObjectDataField StoreDataField StringDataField

ModelLink StoreChained StoreChanges StoreCRUD StoreFilter StoreGroup StorePaging StoreProxy StoreRelation StoreSearch StoreSort StoreSparseIndex StoreState StoreSum StoreSync StoreTree TreeNode

AjaxStoreLazyLoadPlugin StoreLazyLoadPlugin

ActionBase AddAction InsertAction InsertChildAction RemoveAction RemoveAllAction RemoveChildAction UpdateAction

ModelStm StoreStm

StateBase

RevisionException RevisionTransaction StateTrackingManager Transaction

AIChatMessageModel AISettingsModel AjaxStore ChatMessageModel ComboModel DomDataStore Duration Model Store Wbs

DefaultAgent

AbstractApiPlugin AnthropicPlugin GooglePlugin OpenAIPlugin

AIBase AIHelper

ContextMenuBase

DragHelperContainer DragHelperTranslate

DataGenerator DomClassList Fullscreen Gesture InfinityAxis InfinityScrollable InfinityScroller LongPress Navigator NumberFormat Objects Pointers Promissory RandomGenerator Rectangle Rectangle.Point Scroller Swipe

AjaxHelper ArrayHelper AsyncHelper BrowserHelper CSSHelper DateHelper DomHelper DomSync DragHelper ElementResizeHelper EventHelper FunctionHelper Helpers IdHelper NumberHelper ObjectHelper ResizeHelper ResizeMonitor SparseIndexHelper StringHelper TemplateHelper TimeZoneHelper VersionHelper WalkHelper XMLHelper

LocaleHelper LocaleManager Localizable

Clipboardable Clipboardable.Clipboard Delayable Draggable Droppable Events Factoryable Featureable Fencible Finalizable Hoverable Identifiable InstancePlugin LoadMaskable Override Pluggable State

StateProvider StateStorage

Child ChildMixin GrandChild TestDocsBase

DragContext DragProxy DragTipProxy

Animator AudioManager Bag ClickRepeater Collection CollectionFilter CollectionSorter DayTime DynamicObject ElementVisitor FormulaProvider HintFlow Month ScrollManager

UndoRedoBase

AIChatPanel AIChatPanelMixin AIChatPopup AISettingsPanel ChatButton ChatPanel ChatPanelMixin ChatPopup ConfirmationDialog

Histogram Scale

Box Card Fit Layout VBox

AbstractDateRange Badge FormulaField KeyMap Labelable Minifiable Resizable Responsive Rotatable RTL Styleable Toolable Validatable

CollapseTool PanelCollapser PanelCollapserOverlay

AvatarRendering

Button ButtonGroup CalendarPanel Carousel Checkbox CheckboxGroup ChipView CodeEditor ColorField ColorPicker Combo ConfirmationBar Container DateField DatePicker DateRangeField DateRangePicker DateTimeField DemoCodeEditor DemoHeader DisplayField DurationField Editor Field FieldContainer FieldFilterPicker FieldFilterPickerGroup FieldSet FileField FilePicker FilterField Hint Label List Mask Menu MenuItem MessageDialog MonthPicker MultiDatePicker NumberField PagingToolbar Panel PasswordField PickerField Popup ProgressBar Radio RadioGroup RichTextField Slider SlideToggle Splitter Tab TabBar TabPanel TextAreaField TextAreaPickerField TextField TimeField TimePicker Toast Tool Toolbar Tooltip Widget YearPicker

Base Config GlobalEvents

ActualEffortColumn AddNewColumn BaselineDurationColumn BaselineDurationVarianceColumn BaselineEffortColumn BaselineEndDateColumn BaselineEndVarianceColumn BaselineStartDateColumn BaselineStartVarianceColumn CalendarColumn ConstraintDateColumn ConstraintTypeColumn CostColumn DeadlineDateColumn DependencyColumn EarlyEndDateColumn EarlyStartDateColumn EffortColumn EndDateColumn GanttDateColumn IgnoreResourceCalendarColumn InactiveColumn LateEndDateColumn LateStartDateColumn ManuallyScheduledColumn MilestoneColumn NameColumn NoteColumn PercentDoneColumn PlannedPercentDoneColumn PredecessorColumn ResourceAssignmentColumn RollupColumn SchedulingDirectionColumn SchedulingModeColumn SequenceColumn ShowInTimelineColumn StartDateColumn SuccessorColumn TaskInfoColumn TimeAxisColumn TotalSlackColumn WBSColumn

GanttTag

WbsField

AssignmentsManipulationStore AssignmentStore CalendarManagerStore DependencyStore ResourceStore TaskStore

MultiPageExporter MultiPageVerticalExporter SinglePageExporter SinglePageUnscaledExporter

MspExport PdfExport Print

AI Baselines CellEdit CriticalPaths Dependencies Indicators Labels ParentArea ProgressLine ProjectEdit ProjectLines Rollups ScrollButtons Summary TaskCopyPaste TaskDrag TaskDragCreate TaskEdit TaskMenu TaskNonWorkingTime TaskResize TaskSegmentDrag TaskSegmentResize TaskTooltip TimelineChart TreeGroup Versions

AssignmentModel Baseline CalendarIntervalModel CalendarModel DependencyModel ProjectModel ResourceModel TaskModel TimePhasedAssignmentModel TimePhasedProjectModel TimePhasedTaskModel

GanttDataProvider SVGChartProvider TimelineChartDataProviderBase TimelineChartProviderBase

ProjectGenerator

GanttDom GanttRegions GanttScroll GanttState GanttStores TaskNavigation

NewTaskRendering

Gantt GanttBase

ProjectEditorAdvancedTab ProjectEditorDescriptionTab ProjectEditorGeneralTab

AssignmentField AssignmentGrid AssignmentPicker CalendarPicker DependencyField ProjectEditor TaskEditor

TreeColumnMixin

ActionColumn AggregateColumn ChartColumn CheckColumn ColorColumn Column CurrencyColumn DateColumn NumberColumn PercentColumn RatingColumn RowNumberColumn SparklineColumn TemplateColumn TimeColumn TreeColumn WidgetColumn

GridTag

ColumnStore GridRowModel

AIFilter

CopyPasteBase GridEditBase

WriteExcelFileProvider XlsProviderBase

ExcelExporter FileDrop

ConsumerBase PrintConsumer SingleFetchConsumer WebSocketConsumer

Exporter ExporterBase MultiPageExporter MultiPageVerticalExporter SinglePageExporter SinglePageUnscaledExporter

PrintMixin

PdfExport Print

SummaryFormatter

AI CellCopyPaste CellEdit CellMenu CellTooltip Charts ColumnAutoWidth ColumnDragToolbar ColumnPicker ColumnRename ColumnReorder ColumnResize FillHandle Filter FilterBar GridFeatureManager Group GroupSummary HeaderMenu LockRows MergeCells PinColumns QuickFind RegionResize RowCopyPaste RowEdit RowExpander RowReorder RowResize Search Sort Split StickyCells Stripe Summary Tree TreeGroup

Row RowManager

GridLocation GridScroller SubGridScroller TableExporter

ExportDialog

GridElementEvents GridFeatures GridNavigation GridResponsive GridSelection GridState GridSubGrids

Bar Footer Grid GridBase Header SubGrid TreeGrid

AIFilterField ChecklistFilterCombo GridChartDesigner GridFieldFilterPicker GridFieldFilterPickerGroup GroupBar TreeCombo

DurationColumn EventColorColumn ResourceCollapseColumn ResourceInfoColumn ScaleColumn TimeAxisColumn VerticalTimeAxisColumn

JsonEncoder

AbstractCrudManagerValidation CrudManagerView LazyLoadCrudManager

AjaxTransport

AbstractCrudManager AbstractCrudManagerMixin

SchedulerTag TimelineBaseTag

AssignmentStoreMixin AttachToProjectMixin DayIndexMixin DependencyStoreMixin EventStoreMixin GetEventsMixin LazyLoadView PartOfProject ProjectConsumer ProjectCrudManager RecurringEventsMixin RecurringTimeSpansMixin ResourceStoreMixin

DateStoreLazyLoadPlugin PagedDateStoreLazyLoadPlugin ProjectModelMixin

DailyRecurrenceIterator MonthlyRecurrenceIterator RecurrenceLegend WeeklyRecurrenceIterator YearlyRecurrenceIterator

EventDayIndex ModelPersistencyManager

AISettingsModel AssignmentStore CrudManager DependencyStore EventStore ResourceStore ResourceTickStore ResourceTimeRangeStore TimeAxis TimeRangeStore

HorizontalLayout HorizontalLayoutPack HorizontalLayoutStack PackMixin VerticalLayout

DragBase DragCreateBase EditBase ResourceTimeRangesBase TimeSpanMenuBase TooltipBase

ExcelExporter

MultiPageExporter MultiPageVerticalExporter SinglePageExporter SinglePageUnscaledExporter

MultiPageVerticalExporterVertical SinglePageExporterVertical SinglePageUnscaledExporterVertical VerticalExporter

PdfExport Print

DependencyCreation DependencyTooltip NonWorkingTimeMixin RecurringEventEdit TaskEditStm TaskEditTransactional TransactionalFeature

AbstractTimeRanges AI ColumnLines Dependencies DependencyEdit DependencyMenu EventCopyPaste EventDrag EventDragCreate EventDragSelect EventEdit EventFilter EventMenu EventNonWorkingTime EventResize EventTooltip GroupSummary HeaderZoom Labels LockRows NonWorkingTime Pan ResourceColumnReorder ResourceMenu ResourceTimeRanges RowReorder RowResize ScheduleContext ScheduleMenu ScheduleTooltip ScrollButtons SimpleEventEdit Split StickyEvents Summary TickCells TimeAxisHeaderMenu TimelineSummary TimeRanges TimeSelection TreeSummary

AssignmentModelMixin EventModelMixin ProjectCurrentConfig ProjectModelCommon ProjectModelMixin ProjectModelTimeZoneMixin RecurringTimeSpan ResourceModelMixin TimeZonedDatesMixin

AssignmentModel DependencyBaseModel DependencyModel EventModel ProjectModel RecurrenceModel ResourceModel ResourceTickModel ResourceTimeRangeModel TimeRangeModel TimeSpan

PresetStore ViewPreset ViewPresetHeaderRow

ClockTemplate

RectangularPathFinder ScheduleTableExporter TimelineContext

SchedulerExportDialog

CurrentConfig DelayedRecordsRendering Describable EventNavigation EventSelection RecurringEvents SchedulerDom SchedulerDomEvents SchedulerEventRendering SchedulerRegions SchedulerResourceRendering SchedulerScroll SchedulerState SchedulerStores TimelineDateMapper TimelineDomEvents TimelineEarlyPositioning TimelineEventRendering TimelineHistogramGrouping TimelineHistogramScaleColumn TimelineScroll TimelineState TimelineViewPresets TimelineZoomable TransactionalFeatureMixin

TimeAxisViewModel

HorizontalRendering VerticalRendering

RecurrenceCombo RecurrenceDaysButtonGroup RecurrenceDaysCombo RecurrenceFrequencyCombo RecurrencePositionsCombo RecurrenceStopConditionCombo

RecurrenceConfirmationPopup RecurrenceEditor RecurrenceEditorPanel RecurrenceLegendButton

DependencyEditor EventEditor Header HorizontalTimeAxis ResourceHeader Scheduler SchedulerBase TimeAxisBase TimeAxisSubGrid TimelineBase TimelineHistogram TimelineHistogramBase VerticalTimeAxis

DayButtons EventColorField EventColorPicker ProjectCombo ResourceCombo ResourceFilter SchedulerDatePicker TickEditor UndoRedo ViewPresetCombo

RateTableColumn ResourceCalendarColumn ResourceCostAccrualColumn ResourceTypeColumn

SchedulerProTag

AvailabilityRangeStore CalendarEditorStore DayAvailabilityStore

PartOfProject ProjectCrudManager

EventUpdateAction

StateTrackingManager

AssignmentStore CalendarManagerStore ChangeLogStore DependencyStore EventStore ResourceRateStore ResourceRateTableStore ResourceStore ResourceUtilizationStore VersionStore

ProHorizontalLayout ProHorizontalLayoutPack ProHorizontalLayoutStack ProVerticalLayout

AllocationCellEdit AllocationCopyPaste CalendarHighlight CellEdit Dependencies DependencyEdit EventBuffer EventResize EventSegmentDrag EventSegmentResize EventSegments NestedEvents PercentBar ResourceEdit ResourceNonWorkingTime TaskEdit TaskEditBase TimeSpanHighlight Versions

AvailabilityRangeModel CalendarEditorExceptionModel CalendarEditorIntervalBaseModel CalendarEditorWeekModel DayAvailabilityModel

ChangeLogAction ChangeLogAssignmentEntity ChangeLogDependencyEntity ChangeLogEntity ChangeLogMoveAction ChangeLogPropertyUpdate ChangeLogTransactionModel ChangeLogUpdateAction

PercentDoneMixin ProjectChangeHandlerMixin ProjectRevisionHandlerMixin

AssignmentModel CalendarIntervalModel CalendarModel DependencyModel EventModel EventSegmentModel ProjectModel ResourceModel ResourceRateModel ResourceRateTableModel ResourceUtilizationModel TimePhasedAssignmentModel TimePhasedEventModel TimePhasedProjectModel VersionModel

ProjectProgressMixin SchedulerProEventRendering SchedulingIssueResolution

ProHorizontalRendering ProVerticalRendering

ResourceGrid ResourceHistogram ResourceUtilization SchedulerPro SchedulerProBase

CalendarEditorAvailabilityRangeContainer CalendarEditorBaseTab CalendarEditorDateInfo CalendarEditorDatePicker CalendarEditorExceptionPanel CalendarEditorExceptionTab CalendarEditorLegend CalendarEditorWeekGrid CalendarEditorWeekPanel CalendarEditorWeekTab

ResourceEditorGeneralTab ResourceEditorRateTablesTab

EventLoader

AdvancedTab DependencyTab EditorTab FormTab GeneralTab NotesTab PredecessorsTab RecurrenceTab ResourcesTab SchedulerAdvancedTab SchedulerGeneralTab SuccessorsTab

CalendarEditor CalendarField ConstraintTypePicker CostAccrualField CycleResolutionPopup DependencyTypePicker EffortField EndDateField GanttTaskEditor ModelCombo RateTableField ResourceEditor ResourceRateTableContainer ResourceRateTableEditor ResourceTypeField SchedulerTaskEditor SchedulingDirectionPicker SchedulingIssueResolutionPopup SchedulingModePicker StartDateField TaskEditorBase Timeline VersionGrid

TaskBoardTag

ColumnDrag ColumnFilter ColumnHeaderMenu ColumnLock ColumnRename ColumnResize ColumnSort ColumnToolbars FilterBar SimpleTaskEdit SwimlaneDrag TaskBoardFeature TaskDrag TaskDragSelect TaskEdit TaskMenu TaskTooltip

HighlightHelper

ColumnModel ProjectModel SwimlaneModel TaskModel

TaskStore

ChartItem CollapseItem ImageItem JsxItem ProgressItem RatingItem ResourceAvatarsItem SeparatorItem TagsItem TaskItem TaskMenuItem TemplateItem TextItem TodoListItem

ExpandCollapse ResponsiveCards TaskBoardColumns TaskBoardDom TaskBoardDomEvents TaskBoardScroll TaskBoardStores TaskBoardSwimlanes TaskBoardVirtualization TaskItems TaskNavigation TaskSelection

TaskBoard TaskBoardBase

ColorBoxCombo

OverflowPickerButton TaskBoardLinked

ColumnCombo ColumnFilterField ColumnPickerButton ColumnScrollButton ColumnSearchField ProjectCombo ResourcesCombo SwimlaneCombo SwimlaneFilterField SwimlanePickerButton SwimlaneScrollButton TagCombo TaskBoardFieldFilterPicker TaskBoardFieldFilterPickerGroup TaskColorCombo TaskColorPicker TaskEditor TaskFilterField TodoListField UndoRedo ZoomSlider

DomHelperOverrideGetCommonAncestor PresetManager

Security Licenses

TemplateHelper

Helper for template strings, use as tag function

TemplateHelper.tpl`...`

Source path

Core/helper/TemplateHelper.js

Show advanced

Contents

Functions2