This is a migrated thread and some comments may be shown as answers.

Theming vs. HeaderTemplate (issue on Stretch)

10 Answers 127 Views

Window

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Enal asked on 10 Oct 2011, 02:22 PM

Hi -

I am installing a Grid containing controls as HeaderTemplate on a RadWindow, which is defined along the lines of:

<DataTemplate x:Name="HeaderTemplate">

<Grid x:Name="HeaderGrid" Background="Transparent" Loaded="Header_Loaded">

<Grid.ColumnDefinitions>

<ColumnDefinition Width="70"/>

<ColumnDefinition Width="*"/>

<ColumnDefinition Width="30"/>

</Grid.ColumnDefinitions>

...

In a plain RadWindow this works perfectly, with the Grid being stretched and the right-most control just next to the standard window controls. However, once a Theme is getting applied the Grid does not stretch any further and all three columns are bunched up. I tried a couple of different approaches but everything leads to the same result - basically the Grid is right aligned with the center column on Auto size (just big enough to carry the content but not stretching to fill all remaining header space).

Any help please?

There is also a minor issue: radwin.IsHeaderHitTestVisible shows as deprecated and to be replaced with WindowHost.HitTestable. However, I don't find related documentation about usage.

Thanks!

10 Answers, 1 is accepted

answered on 13 Oct 2011, 08:36 AM

Hello Enal,

Thank you for pointing out this issue. Indeed, we verified such behavior in themes where change of foreground in the header is required. The issue will be fixed for the next LIB, early next week and will officially appear in the Q3 Beta release expected very soon.

For now, you could apply a workaround by adding HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" in the Header ContentControl of RadWindow. If you are using the Metro theme, for example:

<ContentControl x:Name="HeaderContent" Grid.Column="1" Foreground="{StaticResource MainBrush}" FontFamily="Segoe UI Light" FontSize="16"

IsHitTestVisible="{TemplateBinding IsHeaderHitTestVisible}"

HorizontalAlignment="Stretch" VerticalAlignment="Center" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"

Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" />

I hope this will be helpful.

All the best,
Dani
the Telerik team

Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

answered on 13 Oct 2011, 03:00 PM

Thanks Dani -

I suppose there is no programmatic way to 'install' your workaround without modifying the theme?

Right now my workaround is to observe SizeChanged events and apply the Width to my named header content.
This seems to work for the moment and is less invasive for the time being.

Thanks!

private void TKWindow_SizeChanged(object sender, SizeChangedEventArgs e){

var head = FindElement((FrameworkElement)sender, "HeaderGrid");

if (head == null)

return;

var width = Math.Max(0, e.NewSize.Width - 100);

head.Width = width;

}