Templates in Blazor Gantt Chart Component
15 Feb 20241 minute to read
Blazor has templated components thats accepts one or more UI segments as input that can be rendered as part of the component during component rendering. Gantt Chart is a templated razor component, that allows customizing various part of the UI using template parameters. It allows rendering custom components or content based on its logic.
The available template options in Gantt Chart are as follows,
- Column template - Used to customize cell content.
- Header template - Used to customize header cell content.
Most of the templates used by the Gantt Chart are of type
RenderFragment<T> and they will be passed with parameters. The parameters passed can be accessed to the templates using implicit parameter named
context. This implicit parameter name can also be changed using the
For example, the data of the column template can be accessed using
context as follows.
If a component contains any
RenderFragment type property then it does not allow any child components other than the render fragment property, which is by design in Blazor.
This prevents from directly specifying templates such as
MilestoneTemplate as descendant of the Gantt Chart component. Hence the templates such as
MilestoneTemplate should be wrapped around a component named
GanttTemplates as follows.