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

Styling a JumpList

2 Answers 97 Views
JumpList
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Darren Ladner
Top achievements
Rank 2
Darren Ladner asked on 15 Feb 2011, 05:25 AM
OK, here is what I have so far. See files attached.

this is how my windows screen looks:
Line 1 (Subject Line) Large White Text with Blue Background(This is one I want to edit and do not know how).
Line 2(Title Line) This is edited in the code below
Line 3(Content Line) This is edited in the code below
(Repeat with new info from XML file)

 <DataTemplate x:Name="JumpListItemTemplate">
            <Grid Margin="0, 10, 0, 8">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
               
                <Grid Grid.Column="1" Margin="15, 0, 0, 0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="Auto"/>
                    </Grid.RowDefinitions>
                    <TextBlock Text="{Binding Title}" FontSize="26" FontWeight="Bold" Grid.Row="0" TextWrapping="Wrap"/>
                    <StackPanel Orientation="Horizontal" Grid.Row="1"> This line Formats the Title Line


                        <TextBlock Text="{Binding Content}" FontSize="20" VerticalAlignment="Center" FontWeight="SemiBold" Margin="8, 0, 8, 0" Foreground="#0795B9"/>
                        <Border BorderThickness="1" Background="Transparent" BorderBrush="{StaticResource PhoneSubtleBrush}" Margin="0, 3, 0, 3" Padding="2, 1, 2, 1"> This line formats the Content Line
                           
                        </Border>
                    </StackPanel>
                </Grid>
            </Grid>
            
        </DataTemplate>

So where can I style the main line with the blue background and white text??? See attached file(wp7x1.png). I tried open it in Expression Blend click on the JumpList Template and tryed to do an Edit Template Edit Copy but all I see is a blank black screen with a blue border, See attached file(xblendscreenshot.png).

Thanks, Darren

2 Answers, 1 is accepted

Sort by
0
Darren Ladner
Top achievements
Rank 2
answered on 15 Feb 2011, 07:11 AM
I finally figured it out. To answer my own post and maybe this will help someone else that runs into this problem. I went to Expression Blend and created a new template for the DataTemplate and changed the color. Save and then go back to Visual Studio and reload. 

By the way, I was spending time looking for a Background property to change. There is not one. It is the BORDER property color that you need to change. (see attached file). Very confusing. Hopes this helps someone.
0
Deyan
Telerik team
answered on 18 Feb 2011, 08:35 AM
Hi Darren,

Thanks for writing.

You can style the Group Header by using the GroupHeaderTemplate property and providing a custom data template. You can also use the GroupHeaderStyle property to provide a style for the whole Group Header item.

Could you please share some further details on the issues you have had with finding the Background property? Does this concern the RadDataBoundListBoxItem or the RadJumpList control itself?

Thanks for your time.

All the best,
Deyan
the Telerik team
Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
Tags
JumpList
Asked by
Darren Ladner
Top achievements
Rank 2
Answers by
Darren Ladner
Top achievements
Rank 2
Deyan
Telerik team
Share this question
or