The Telerik UI for Blazor Gantt component is a complex project management tool, especially useful for visualizing tasks which are a part of a project management cycle. The component provides TreeList and Timeline views, so that the end users can see the project start/end date, tasks progress, dependencies between tasks, milestones and other components of a project, at a glance.
The Blazor Gantt component exposes multiple settings for its popup editor in the dedicated TreeListPopupEditSettings tag. You can set the (max)width, (max) height, CSS class, and orientation of the window and customize the built-in task editing.
The Gantt date ranges in the timeline part can be visualized in alignment with the major or minor date slots. For each of the Gantt views, you have the flexibility to pick the option that works best for the start and end ranges. For example, in case you need to make the Gantt Month view to be calculated based on the start of a week (instead of the default start of the month), you can use the RangeSnapTo parameter to MinorSlot.
For each of the Blazor Gantt views (Day, Week, Month and Year), you can control the date format of major and minor slot headers in the component timeline part.
There are numerous Gantt events you can take advantage of and implement custom logic for its tasks:
You can customize the default filter operators list of the Blazor Gantt UI component for both filter menu and filter row modes. Using the FilterOperators parameter within each Gantt column, you can define your own list of operators.
Users can edit the Blazor Gantt task details and timeline using the following methods:
Filtering is a core functionality of the control – in large projects your users will require you to have the option to filter through the gigantic list of tasks.
The Telerik UI for Blazor Gantt chart component has 3 types of filters:
Users may choose whether to use a simpler filter like the FilterRow or something more advanced like the Menu depending on their needs/size of project.
The UI for Blazor Gantt component allows persisting its state between browsing sessions. You can save and load the Gantt layout so your users can continue where they left off. That includes all types of changes in the TreeList part of the Gantt component: extended items, edited items, column size and order, TreeList size (controlling the splitter position between the tree list and timeline parts), sorting and filtering. You can also control these elements programmatically by setting the desired state of the Gantt in your own code.
The FilterEditorFormat parameter of the Blazor Gantt components allows control over the format of the default filter and aligning the formatting of values in the column display and filter editor.
The Blazor Gantt component tooltip template now includes StartDate and EndDate fields that include all relevant parts of a task’s date (year, month, day, hours, minutes, etc.). The new date parameters are formatted according to the ISO 8601 standard and can be easily parsed as C# DateTime objects. This would help you transform and format the task dates to any format that is required in your Blazor applications.
The GanttChart Component has built-in localization support, which makes it easy to translate texts to any language that your Blazor app may require.
The Blazor Gantt Chart allows you to render custom content and formatting within the TreeList and Timeline parts of the component. You can add images or custom styling to each of the project tasks, render specific content in the column headers or define custom editors via templates. Additionally, you can take advantage of custom content in the tasks visualized in the Gantt timeline and their tooltip.