Edit this page

Customizing the CellSelectionTemplate

The CellSelectionTemplate is the Template that is displayed when a cell is selected with a single mouse click.

The next example will demonstrate how to customize the CellSelectionTemplate of the Title, Start and End columns so that the text in those filed is bolded when the cell is selected.

The xaml of the GanttView should look like this:

<telerik:RadGanttView TasksSource="{Binding Tasks}"
VerticalAlignment="Top"
VisibleRange="{Binding VisibleTime}">
    <telerik:RadGanttView.Columns>
        <telerik:TreeColumnDefinition Header="Title" MemberBinding="{Binding Title}" Width="AutoHeaderAndContent">
            <telerik:ColumnDefinition.CellSelectionTemplate >
                <DataTemplate>
                    <TextBlock Text="{Binding FormattedValue}" FontWeight="Bold" VerticalAlignment="Center"/>
                </DataTemplate>
            </telerik:ColumnDefinition.CellSelectionTemplate >
        </telerik:TreeColumnDefinition>
        <telerik:ColumnDefinition MemberBinding="{Binding Start}" Header="Start" Width="AutoHeaderAndContent">
            <telerik:ColumnDefinition.CellSelectionTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding FormattedValue}" FontWeight="Bold" VerticalAlignment="Center"/>
                </DataTemplate>
            </telerik:ColumnDefinition.CellSelectionTemplate>
        </telerik:ColumnDefinition>
        <telerik:ColumnDefinition MemberBinding="{Binding End}" Header="End" Width="AutoHeaderAndContent">
            <telerik:ColumnDefinition.CellSelectionTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding FormattedValue}" FontWeight="Bold" VerticalAlignment="Center"/>
                </DataTemplate>
            </telerik:ColumnDefinition.CellSelectionTemplate>
        </telerik:ColumnDefinition>
    </telerik:RadGanttView.Columns>
</telerik:RadGanttView>

When creating a custom CellSelectionTemplate for a ColumnDefinition which MemberBinding is set to a custom property or a property that is not the Start, End or Title properties of the GanttTask you should set the binding in the DataTemplate to the built-in FormattedValue property as the above code snippet shows. This is an optimized string value that comes from the built-in virtualization of the control in order to achieve maximum performance.

You can download a runnable project of the previous example from our online SDK repository here, the example is listed as GanttView / CustomCellTemplates.

The next screenshots show the final result:

radganttview-features-columns-selection-template-1

radganttview-features-columns-selection-template-2

See Also

Was this article helpful? Yes No

Give article feedback

Tell us how we can improve this article

Dummy