Content Layout broken in Expression Dark Theme...

6 posts, 0 answers
  1. RoadWarrior
    RoadWarrior avatar
    45 posts
    Member since:
    Jan 2010

    Posted 15 Dec 2010 Link to this post

    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}" />
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 20 Dec 2010 Link to this post

    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
  3. DevCraft banner
  4. RoadWarrior
    RoadWarrior avatar
    45 posts
    Member since:
    Jan 2010

    Posted 20 Dec 2010 Link to this post

    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...  
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 22 Dec 2010 Link to this post

    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
  6. Nick Wood
    Nick Wood avatar
    126 posts
    Member since:
    Feb 2010

    Posted 18 May 2011 Link to this post

    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
  7. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1512 posts

    Posted 24 May 2011 Link to this post

    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
Back to Top
DevCraft banner