New to Telerik UI for Blazor? Download Free 30-day trial
Gantt - Events
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
| Task Title | PercentComplete | Start | End |
|---|
| Employee 1 | 0.125 | 12/7/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 1 : 0 | 0 | 12/7/2020 12:00:00 AM | End: 12/8/2020 | |
| Employee 1 : 1 | 0.225 | 12/8/2020 12:00:00 AM | End: 12/9/2020 | |
| Employee 1 : 2 | 0.45 | 12/9/2020 12:00:00 AM | End: 12/10/2020 | |
| Employee 1 : 3 | 0.675 | 12/10/2020 12:00:00 AM | End: 12/11/2020 | |
| Employee 1 : 4 | 0.9 | 12/11/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 2 | 0.25 | 12/8/2020 12:00:00 AM | End: 12/13/2020 | |
| Employee 2 : 0 | 0 | 12/8/2020 12:00:00 AM | End: 12/9/2020 | |
| Employee 2 : 1 | 0.225 | 12/9/2020 12:00:00 AM | End: 12/10/2020 | |
| Employee 2 : 2 | 0.45 | 12/10/2020 12:00:00 AM | End: 12/11/2020 | |
| Employee 2 : 3 | 0.675 | 12/11/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 2 : 4 | 0.9 | 12/12/2020 12:00:00 AM | End: 12/13/2020 | |
| Employee 3 | 0.375 | 12/9/2020 12:00:00 AM | End: 12/14/2020 | |
| Employee 3 : 0 | 0 | 12/9/2020 12:00:00 AM | End: 12/10/2020 | |
| Employee 3 : 1 | 0.225 | 12/10/2020 12:00:00 AM | End: 12/11/2020 | |
| Employee 3 : 2 | 0.45 | 12/11/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 3 : 3 | 0.675 | 12/12/2020 12:00:00 AM | End: 12/13/2020 | |
| Employee 3 : 4 | 0.9 | 12/13/2020 12:00:00 AM | End: 12/14/2020 | |
| Employee 4 | 0.5 | 12/10/2020 12:00:00 AM | End: 12/15/2020 | |
| Employee 4 : 0 | 0 | 12/10/2020 12:00:00 AM | End: 12/11/2020 | |
| Employee 4 : 1 | 0.225 | 12/11/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 4 : 2 | 0.45 | 12/12/2020 12:00:00 AM | End: 12/13/2020 | |
| Employee 4 : 3 | 0.675 | 12/13/2020 12:00:00 AM | End: 12/14/2020 | |
| Employee 4 : 4 | 0.9 | 12/14/2020 12:00:00 AM | End: 12/15/2020 | |
| Employee 5 | 0.625 | 12/11/2020 12:00:00 AM | End: 12/16/2020 | |
| Employee 5 : 0 | 0 | 12/11/2020 12:00:00 AM | End: 12/12/2020 | |
| Employee 5 : 1 | 0.225 | 12/12/2020 12:00:00 AM | End: 12/13/2020 | |
| Employee 5 : 2 | 0.45 | 12/13/2020 12:00:00 AM | End: 12/14/2020 | |
| Employee 5 : 3 | 0.675 | 12/14/2020 12:00:00 AM | End: 12/15/2020 | |
| Employee 5 : 4 | 0.9 | 12/15/2020 12:00:00 AM | End: 12/16/2020 |
| Sun 12/06 - Sat 12/12 | Sun 12/13 - Sat 12/19 | ||||||||||||
| Sun 12/06 | Mon 12/07 | Tue 12/08 | Wed 12/09 | Thu 12/10 | Fri 12/11 | Sat 12/12 | Sun 12/13 | Mon 12/14 | Tue 12/15 | Wed 12/16 | Thu 12/17 | Fri 12/18 | Sat 12/19 |
CONSOLE
Clear log
- Events.razor
Loading the demo source code...please wait.
Description
The Gantt exposes a wide range of event which you can use to provide some custom logic. This online demo shows a Gantt with its events set up and an event log where you can see their firing order and how they interact with each other.
This Blazor Gantt Events example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.