Column groups and Office 2013 theme

[Patrick]

Hello,
with the Office 2013 theme the column headers are in uppercase, but not the column group headers.
That doesn't look very pretty.
Patrick

[Vanya Pavlova]

Hello Patrick,



Thank you for contacting us. Following the design guideline for Office2013 theme, all column headers, column group headers and group panel cells should be uppercase. 

Could you verify whether we are talking about the same thing? 


Regards,
Vanya Pavlova
Telerik

 

 

[Patrick]

Hello Vanya,
I think that we are talking about the same thing.
The Telerik GridView automatically converts column headers to uppercase, but not column group headers, as you can see in the attached scrren shot.
Patrick

[Vanya Pavlova]

Hi Patrick,


Thank you for getting back to us.
As it turns out, we guess that you might have applied some custom header and alignments to common column groups.

Would it be possible to try to modify the attached project, so that we can replicate the same by our side?

I look forward to hearing from you. 


Regards,
Vanya Pavlova
Telerik

 

 

[Patrick]

Hi Vanya,
you're right: there was a template in the column group.
I will look at a way to make it work correctly, even when changing the theme.
Thanks.
Patrick

[nassar]

what was the correction you maid.

I still have the same Issue, Headers still UppderCase

[Vanya Pavlova]

Hello Patrick,


If you encounter any problems do not hesitate to contact us. 

Regards,
Vanya Pavlova
Telerik

 

 

[nassar]

what was the correction you maid.

I still have the same Issue, Headers still UppderCase

[Patrick]

Hello Nassar,

The correction I've made is to convert the group headers to upper case, so they look correct for the theme.
You want to to the opposite: headers and group headers in lowercase.
Sorry, but I don't have a ready-to-use solution for this. Perhaps editing the template...

Best regards

[nassar]

Thank you anyway for your repley Patrick :) , in fact :

- i don't want to force the lowercase,

- I don't want the default Office2013 Template to use UpperCase in all groupedColumns :(

I just want them to be in camlCase as they are specified, like : Name, LastName

[Vicky]

Hi Nassar,

If you need the column groups to display as they are specified, you need to override the default ControlTemplate like the following:

<Style TargetType="telerik:CommonColumnHeader" BasedOn="{StaticResource CommonColumnHeaderStyle}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="telerik:CommonColumnHeader">
                <Grid x:Name="PART_HeaderCellGrid" Background="Transparent">
                    <Border x:Name="GridViewHeaderCell"
                            Background="{TemplateBinding Background}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                            Margin="-1 0 1 0"/>
                    <ContentPresenter x:Name="ContentPresenter"
                                      Content="{TemplateBinding Content}"
                                      ContentTemplate="{TemplateBinding ContentTemplate}" 
                                      Margin="{TemplateBinding Padding}"
                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

I marked the key line with yellow - originally, there was a converter that is responsible for the uppercase content.
Please, keep in mind that the BasedOn attribute is needed only if the theme is set using the implicit styling mechanism (NoXaml).

Best Regards,
Vicky
Progress Telerik