Content Layout broken in Expression Dark Theme...

[RoadWarrior]

RadPanelBar is laying out content very well in Q3 with the exception of the Expression Dark theme.  In the Dark theme, the content inside a RadPanelBarItem will not Horizontally Stretch to fully justify across the width of the RadPanelBar.

The layout problem is fixed by modifying the <!-- RadPanelBarItem Second Level Control Template --> to set the Header's HorizontalContentAlignment property instead of the HorizontalAlignment property as you have it now.

<!-- Header -->
<!--HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"-->
<ContentControl Content="{TemplateBinding Header}" x:Name="Header"
    Foreground="{TemplateBinding Foreground}" Margin="{TemplateBinding Padding}"
    HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
    ContentTemplate="{TemplateBinding HeaderTemplate}" />

[Tina Stancheva]

Hi RoadWarrior,

We couldn't reproduce this issue on our side. Can you please have a look at the attached sample and let me know if I am missing something. Thank you in advance.

Greetings,
Tina Stancheva
the Telerik team

[RoadWarrior]

Your example does demonstrate the issue when you set the currently "transparent" background on your template to something:

        <DataTemplate x:Key="PanelBarItemTemplate">

            <StackPanel Background="Wheat">

                <TextBlock Text="{Binding Title}"/>

                <TextBlock Text="{Binding DateCreated}"/>

                <TextBlock Text="{Binding Price}"/>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="PanelBarItemTemplate">

            <StackPanel Background="Red">

                <TextBlock Text="{Binding Title}"/>

                <TextBlock Text="{Binding DateCreated}"/>

                <TextBlock Text="{Binding Price}"/>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="PanelBarItemTemplate">

            <StackPanel Background="Red">

                <TextBlock Text="{Binding Title}"/>

                <TextBlock Text="{Binding DateCreated}"/>

                <TextBlock Text="{Binding Price}"/>

            </StackPanel>

        </DataTemplate>

        <DataTemplate x:Key="PanelBarItemTemplate">

            <StackPanel Background="Red">

                <TextBlock Text="{Binding Title}"/>

                <TextBlock Text="{Binding DateCreated}"/>

                <TextBlock Text="{Binding Price}"/>

            </StackPanel>

        </DataTemplate>

<DataTemplate x:Key="PanelBarItemTemplate">
    <StackPanel Background="Red">
        <TextBlock Text="{Binding Title}"/>
        <TextBlock Text="{Binding DateCreated}"/>
        <TextBlock Text="{Binding Price}"/>
    </StackPanel>
</DataTemplate>

See the resulting image...  

[Tina Stancheva]

Hello RoadWarrior,

Thank you for the clarification and your feedback. We fixed the issue and it will be available with the next internal build.

I also updated your Telerik points.

Regards,
Tina Stancheva
the Telerik team

[Nick Wood]

I too am still having this issue in the latest Q1 2011 builds.

When I change the theme to anything other then Dark, the content of the RadPanelBar stretches Horizontally but clings to the left under the Dark Theme.

Nick

[Kiril Stanoev]

Hello Nick,

Sorry for not being able to include the fix in the latest internal builds. The issue has already been fixed and if everything turns our right it will be included in our next internal build. Meanwhile, could you please take a look at the attached project and let me know if this is the expected result. I'd be glad to further assist you.

All the best,
Kiril Stanoev
the Telerik team