Styling a JumpList

3 posts, 0 answers
  1. Darren Ladner
    Darren Ladner avatar
    2 posts
    Member since:
    Mar 2010

    Posted 14 Feb 2011 Link to this post

    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. Darren Ladner
    Darren Ladner avatar
    2 posts
    Member since:
    Mar 2010

    Posted 15 Feb 2011 Link to this post

    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.
  3. DevCraft banner
  4. Deyan
    Admin
    Deyan avatar
    2039 posts

    Posted 18 Feb 2011 Link to this post

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