Wrap the text in all the columns header using style xaml

[Will]

I don't know how to wrap columns header using just a style. I cannot use code behind because we don't have code behind. We use MVVM and CaliburnMicro so we don't have code behind the view. So I was trying to apply style to the grid and wrap all the headers every time I add grid to the form but I cannot accomplish this task. I don't want to do wrap to every column every time I add the grid. So my Idea was but it doesn't work. Please advice.

<Style TargetType="telerik:GridViewDataColumn" >
        <Setter Property="Header">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock TextWrapping="Wrap" Text="{Binding}"></TextBlock>
                </DataTemplate>
            </Setter.Value>
      </Setter>
 </Style>

 Thank you,

Grazyna

 

 

[Yoan]

Hello Grazyna,

You can easily achieve the desired behavior by using the following style:

<telerik:RadGridView.Resources>
                <Style TargetType="telerik:GridViewHeaderCell">
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <TextBlock Text="long long logn text" TextWrapping="Wrap" />
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </telerik:RadGridView.Resources>

Regards,
Yoan
Telerik

[Jon]

Yoan,

Nice, so now all headers will say "long long logn text". Frankly, no sane person would think that is the desired behavior.

 

-Jon

[Yoan]

Hello Jon,

Indeed, you are right. The example was not complete. It had to show that if you are using a style targeting the GridViewHeaderCell element (instead of GridViewDataColumn), then the binding will work. However, I missed this part. Here is a complete style that should be used:

<telerik:RadGridView ItemsSource="{Binding}">
            <telerik:RadGridView.Resources>
                <Style TargetType="telerik:GridViewHeaderCell">
                    <Setter Property="ContentTemplate">
                        <Setter.Value>
                            <DataTemplate>
                                <TextBlock Text="{Binding}" TextWrapping="Wrap" />
                            </DataTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </telerik:RadGridView.Resources>
        </telerik:RadGridView>

In this way, the TextBlock's Text property will be bound to the "Header" property of the GridViewHeaderCell element (which is the DataContext of the header cell).

Also, I have attached a sample project where this can be observed.

Regards,
Yoan
Progress Telerik