RayCraftDocs
v1.0.3 raycraft.dev
On this page

Gantt

Complete

A project plan: a task list on the left, bars on a time scale on the right, with subtasks, progress, milestones and finish-to-start dependencies.

Example

Gantt control

Parameters

ParameterTypeDescription
AutoScheduleboolMoves dependent tasks when a task is moved or resized.
ClassstringExtra CSS classes added to the root element.
ColumnsIEnumerable<GanttColumn>Column definitions: DataGridColumn elements.
EditableboolLets users edit the cells of the column by clicking them.
EndDateTime?Last day shown (by default a little after the latest task).
LabelstringVisible label text (charts: accessible name; IconButton: accessible name and tooltip).
ListWidthstringWidth of the task list, for example 20rem (it narrows by itself on small screens).
RowHeightintRow height in pixels when VirtualScroll is on (default 44).
ScaleGanttScaleWidth of a day on the time scale: Day, Week or Month.
SelectedIdstringId of the selected task. Use with @bind-SelectedId.
ShowCriticalPathboolMarks the tasks with no slack in the plan (critical path).
ShowDatesboolShows the start and end columns in the task list (default true).
ShowResourceboolShows the resource column when tasks have resources (default true).
ShowTodayboolDraws a line at today's date.
ShowToolbarboolShows the toolbar with the column chooser and CSV export.
StartDateTime?First day shown (by default a little before the earliest task).
StylestringInline style added to the root element.
TasksIEnumerable<GanttTask>The tasks. They are changed in place when a bar is moved.

Events

EventTypeDescription
ScaleChangedEventCallback<GanttScale>
SelectedIdChangedEventCallback<string>
TaskChangedEventCallback<GanttTask>Raised after a task's dates changed by dragging or with the keyboard.

Package

Gantt is part of RayCraft Complete. Package: RayCraft.Blazor.Complete. It comes from the private RayCraft feed and needs an active license. See Getting started.