DataGridTemplateColumn CellContentTemplate

[Andres]

<telerikGrid:DataGridTemplateColumn
                        CanUserSort="True"
                        HeaderText="%">
                        <telerikGrid:DataGridTemplateColumn.SortDescriptor>
                            <common:PropertySortDescriptor PropertyName="UnitsPercentage" />
                        </telerikGrid:DataGridTemplateColumn.SortDescriptor>
                        <telerikGrid:DataGridTemplateColumn.HeaderStyle>
                            <telerikGrid:DataGridColumnHeaderStyle
                                BackgroundColor="Transparent"                                    
                                TextFontAttributes="Bold"
                                HorizontalTextAlignment="Center"
                                OptionsButtonText=" "
                                TextFontSize="30"
                                IndicatorColor="{StaticResource DarkBlueColor}"/>
                        </telerikGrid:DataGridTemplateColumn.HeaderStyle>

                        <telerikGrid:DataGridTemplateColumn.CellContentTemplate>
                            <DataTemplate>                                    
                                <Grid
                                    BackgroundColor="{Binding UnitsPercentage, Converter={StaticResource PercentColorConverter}}"
                                    Margin="5"
                                    Padding="10">
                                    <Label
                                        FontAttributes="Bold"
                                        Margin="0, 5, 0, 5"
                                        HorizontalOptions="Center"
                                        Text="{Binding UnitsPercentage, StringFormat='{0:N2}'}"
                                        TextColor="White"
                                        VerticalTextAlignment="Center"/>
                                </Grid>                                        
                            </DataTemplate>
                        </telerikGrid:DataGridTemplateColumn.CellContentTemplate>
                    </telerikGrid:DataGridTemplateColumn>

[Yana]

Hi Andres,

This is due to the used ColumnHeaderStyle of the TemplatedColumn - the style has a transparent background, that's why the button is seen when goes below it.  To resolve it you can either remove the BackgroundColor or set it to the same gray background as in the other column headers.

Let me know if I can assist with anything else.

Regards,
Yana
Progress Telerik