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

Content Layout broken in Expression Dark Theme...

5 Answers 153 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
RoadWarrior
Top achievements
Rank 1
RoadWarrior asked on 15 Dec 2010, 07:33 PM
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}" />

5 Answers, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 20 Dec 2010, 04:57 PM
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
Browse the videos here>> to help you get started with RadControls for Silverlight
0
RoadWarrior
Top achievements
Rank 1
answered on 20 Dec 2010, 07:25 PM
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...  
0
Tina Stancheva
Telerik team
answered on 22 Dec 2010, 11:12 AM
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
Browse the videos here>> to help you get started with RadControls for Silverlight
0
Nick Wood
Top achievements
Rank 1
answered on 19 May 2011, 02:29 AM
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
0
Kiril Stanoev
Telerik team
answered on 24 May 2011, 11:05 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
PanelBar
Asked by
RoadWarrior
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
RoadWarrior
Top achievements
Rank 1
Nick Wood
Top achievements
Rank 1
Kiril Stanoev
Telerik team
Share this question
or