Jumplist flickering when selecting and going back

[christian]

Have anyone experienced that?

it almost looks like its databinding again but its not i checed that but for some reason its redrawaing it self again.

Anyone have any ideas?

<phone:PhoneApplicationPage x:Class="WP.GUI.Views.ContactsView"
                            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:cal="http://www.caliburnproject.org"
                            xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
                            xmlns:Converters="clr-namespace:WP.GUI.Uihelpers.Converters"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:telerikDataControls="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Data"
                            xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"
                            xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
                            xmlns:uihelpers="clr-namespace:WP.GUI.Uihelpers.Templates"
                            Name="page"
                            d:DesignHeight="800"
                            d:DesignWidth="480"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}"
                            FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}"
                            Orientation="Portrait"
                            shell:SystemTray.IsVisible="False"
                            Style="{StaticResource TransitionPageStyle}"
                            SupportedOrientations="Portrait"
                            mc:Ignorable="d">

    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <cal:ActionMessage MethodName="ViewLoaded" />
        </i:EventTrigger>
    </i:Interaction.Triggers>

    <!--  LayoutRoot is the root grid where all page content is placed  -->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="67" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <!--  TitlePanel contains the name of the application and page title  -->
        <Image Grid.Row="0"
               Grid.RowSpan="2"
               Height="212"
               VerticalAlignment="Top"
               Source="/Images/bg_plain.jpg"
               Stretch="None" />
        <controls:Pivot Title="Contacts"
                        Grid.Row="1"
                        SelectedIndex="{Binding SelectContactsList}"
                        Style="{StaticResource RebContactPivotTemplate}">
            <controls:Pivot.TitleTemplate>
                <DataTemplate>
                    <Image Margin="0,0,14,0"
                           Source="/Images/Headers/heading-contacts.png"
                           Stretch="None" />
                </DataTemplate>
            </controls:Pivot.TitleTemplate>
            <!--  Pivot item one  -->
            <controls:PivotItem Header="{Binding Path=LocalizedResources.RecentContacts, Source={StaticResource LocalizedStrings}}">
                <StackPanel>
                    <Button Name="GoToLogin">To to login</Button>
                    <Button Name="GoToStart">To to start</Button>
                    <Button Name="TurnGridOn">Turn grid on/off</Button>
                </StackPanel>
            </controls:PivotItem>

            <!--
                Pivot item two
                GroupPickerItemTap="OnJumpList_GroupPickerItemTap"
            -->
            <controls:PivotItem Header="{Binding Path=LocalizedResources.CheapContacts, Source={StaticResource LocalizedStrings}}">
                <StackPanel />
            </controls:PivotItem>
            <controls:PivotItem Header="{Binding Path=LocalizedResources.AllContacts, Source={StaticResource LocalizedStrings}}">
                <StackPanel>
                    <telerikDataControls:RadJumpList Name="AllContacts"
                                                     Height="550"
                                                     cal:Action.TargetWithoutContext="{Binding ElementName=LayoutRoot,
                                                                                               Path=DataContext}"
                                                     cal:Message.Attach="[Event GroupPickerItemTap] = [Action TapSelector($source , $eventArgs)]"
                                                     GroupDescriptorsSource="{Binding GroupDescriptors, Mode=OneTime}"
                                                     GroupPickerItemsSource="{Binding GroupPickerItems, Mode=OneTime}"
                                                     IsStickyHeaderEnabled="True"
                                                     ItemsSource="{Binding ContactsList,
                                                                           Mode=OneWay}"
                                                     ItemTap="AllContacts_ItemTap"
                                                     SelectedItem="{Binding AllContactsSelectedItem,
                                                                            Mode=TwoWay}"
                                                     SortDescriptorsSource="{Binding SortDescriptors, Mode=OneTime}">

                        <telerikDataControls:RadJumpList.EmptyContent>

                            <Grid HorizontalAlignment="Stretch"
                                  VerticalAlignment="Stretch"
                                  Background="White"
                                  Opacity="0.5">
                                <toolkit:PerformanceProgressBar IsEnabled="True" IsIndeterminate="True" />
                                <TextBlock Name="textBlock1"
                                           Width="111"
                                           Margin="0,20,0,0"
                                           HorizontalAlignment="Stretch"
                                           VerticalAlignment="Center"
                                           FontSize="22"
                                           Opacity="1"
                                           Text="{Binding Path=LocalizedResources.Loading,
                                                          Source={StaticResource LocalizedStrings}}" />
                            </Grid>



                        </telerikDataControls:RadJumpList.EmptyContent>
                        <telerikDataControls:RadJumpList.ItemTemplate>
                            <DataTemplate toolkit:TiltEffect.IsTiltEnabled="True">


                                <Grid Margin="12,5,4,5">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="auto" />
                                        <ColumnDefinition Width="*" />

                                    </Grid.ColumnDefinitions>
                                    <Border Grid.Column="0"
                                            Width="64"
                                            Height="64"
                                            BorderBrush="Black"
                                            BorderThickness="1">
                                        <Image Width="64"
                                               Height="64"
                                               Source="{Binding Photo}" />

                                    </Border>
                                    <TextBlock Grid.Column="1"
                                               Margin="10,0,0,0"
                                               FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                                               Text="{Binding FullName}"
                                               toolkit:TiltEffect.IsTiltEnabled="True" />
                                </Grid>
                            </DataTemplate>
                        </telerikDataControls:RadJumpList.ItemTemplate>

                        <telerikDataControls:RadJumpList.GroupHeaderTemplate>
                            <DataTemplate>
                                <Border Width="64"
                                        Height="64"
                                        Margin="12,4,4,4"
                                        HorizontalAlignment="Left"
                                        Background="{StaticResource rebtelblue}"
                                        BorderThickness="0">
                                    <TextBlock Margin="8,4,4,2"
                                               HorizontalAlignment="Left"
                                               VerticalAlignment="Bottom"
                                               FontFamily="{StaticResource PhoneFontFamilyLight}"
                                               FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                                               Foreground="{StaticResource PhoneBackgroundBrush}"
                                               Text="{Binding Key}" />
                                </Border>
                            </DataTemplate>
                        </telerikDataControls:RadJumpList.GroupHeaderTemplate>
                        <telerikDataControls:RadJumpList.StickyHeaderTemplate>
                            <DataTemplate>
                                <Border HorizontalAlignment="Stretch"
                                        Background="White"
                                        BorderThickness="0"
                                        Padding="12, 2, 0, 2">
                                    <StackPanel Orientation="Horizontal">
                                        <Border Width="64"
                                                Height="64"
                                                Margin="0,0,0,0"
                                                HorizontalAlignment="Left"
                                                Background="{StaticResource rebtelblue}"
                                                BorderThickness="0">
                                            <TextBlock Margin="8,4,4,2"
                                                       HorizontalAlignment="Left"
                                                       VerticalAlignment="Bottom"
                                                       FontFamily="{StaticResource PhoneFontFamilyLight}"
                                                       FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                                                       Foreground="{StaticResource PhoneBackgroundBrush}"
                                                       Text="{Binding Key}" />
                                        </Border>

                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </telerikDataControls:RadJumpList.StickyHeaderTemplate>
                        <telerikDataControls:RadJumpList.GroupPickerItemTemplateSelector>
                            <uihelpers:ContactTemplateSelector x:Name="templateSelector">
                                <uihelpers:ContactTemplateSelector.LinkedItemTemplate>
                                    <DataTemplate>
                                        <Border Width="96"
                                                Height="96"
                                                Margin="6"
                                                Background="{StaticResource rebtelblue}">
                                            <TextBlock Margin="8"
                                                       HorizontalAlignment="Left"
                                                       VerticalAlignment="Bottom"
                                                       FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                                                       Foreground="White"
                                                       Text="{Binding}" />

                                        </Border>
                                    </DataTemplate>
                                </uihelpers:ContactTemplateSelector.LinkedItemTemplate>
                                <uihelpers:ContactTemplateSelector.EmptyItemTemplate>
                                    <DataTemplate>
                                        <Border Width="96"
                                                Height="96"
                                                Margin="6"
                                                Background="{StaticResource PhoneChromeBrush}"
                                                IsHitTestVisible="False">
                                            <TextBlock Margin="8"
                                                       HorizontalAlignment="Left"
                                                       VerticalAlignment="Bottom"
                                                       FontSize="{StaticResource PhoneFontSizeExtraLarge}"
                                                       Foreground="{StaticResource PhoneDisabledBrush}"
                                                       Text="{Binding}" />
                                        </Border>
                                    </DataTemplate>
                                </uihelpers:ContactTemplateSelector.EmptyItemTemplate>
                            </uihelpers:ContactTemplateSelector>
                        </telerikDataControls:RadJumpList.GroupPickerItemTemplateSelector>
                        <telerikDataControls:RadJumpList.GroupPickerItemsPanel>
                            <ItemsPanelTemplate>
                                <telerikPrimitives:RadWrapPanel Margin="8,30,0,0"
                                                                ItemHeight="106"
                                                                ItemWidth="115" />
                            </ItemsPanelTemplate>
                        </telerikDataControls:RadJumpList.GroupPickerItemsPanel>
                    </telerikDataControls:RadJumpList>
                </StackPanel>
            </controls:PivotItem>
        </controls:Pivot>

    </Grid>

</phone:PhoneApplicationPage>