Blazor Gantt Chart Example - Column Validation

This sample demonstrates column level validation in the Blazor Gantt Chart for a Website Redesign Project. Validation ensures that tasks cannot be saved with missing details, incorrect formats, or out-of-range values, helping maintain accurate timelines and reliable project delivery.

Invalid inputs trigger tooltips with correction details, and records cannot be saved until all validations succeed. In this sample validation is configured per column using the Validator component and enforced during Add and Edit operations, includes:

• Date rules: Start and end dates must fall within the project start date (project launch) and end date (go-live) range.
• Completed task validation: Once a task status is marked as completed, start date, end date, and duration cannot be changed.
• Priority based constraints: Specific scheduling constraints and limits apply for low, high, and critical priorities, including maximum duration and team size rules.
• Progress tracking and dependency validation: Enforce valid progress ranges and ensure predecessors are completed before dependent tasks can progress.
• Field validity and formats: Required fields and regex checks ensure task name length, description (10–500 characters), project codes (PRJ-XXX-000), valid email/us phone formats, and hashtags are correct.
• Budget checks: Validate budget minimum and maximum limits, and block extensions when a task exceeds its budget.

The Gantt Chart enforces ValidationRules as well using required, number, range, min/max, minlength/maxlength, pattern (regex), and email rules. These validations apply to fields such as task names, dates, duration, progress, team size, budgeting, and contact details to keep project data accurate and consistent. For details on validation rules, data annotations, custom validation, and custom validator components, refer to the documentation.