Problem when sliding

[slnee]

Hi All,

i have a problem when sliding between items in a slide View : the title of the page becomes black when sliding at a while of time

here the source code :


<phone:PhoneApplicationPage
    x:Class="iHasa.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:iHasa="clr-namespace:iHasa"
     xmlns:local="clr-namespace:iHasa"
    xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Text="MY APPLICATION" Style="{StaticResource PhoneTextNormalStyle}"/>
            <TextBlock x:Name="PageTitle" Text="page name" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" >
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <Image Source="/Images/trait.png" Grid.Row="0"></Image>

            <Grid x:Name="panoramaPanel" Grid.Row="1" Height="465" Margin="0 10 0 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>
                <telerikPrimitives:RadSlideView x:Name="slideView" Margin="6,0,0,0" ItemsSource="{Binding}">
                    <telerikPrimitives:RadSlideView.ItemTemplate>
                        <DataTemplate>
                            <Grid Margin="6">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Image Source="{Binding Image}" Stretch="UniformToFill"/>
                                <TextBlock Text="{Binding Title}" FlowDirection="RightToLeft"
                                   Grid.Row="1"
                                   FontSize="{StaticResource PhoneFontSizeMediumLarge}"
                                   FontFamily="{StaticResource PhoneFontFamilySemiBold}"
                                   Foreground="#3bb23b"/>
                                <TextBlock Text="{Binding DateText}" FlowDirection="RightToLeft"
                                   Grid.Row="2"
                                   FontSize="{StaticResource PhoneFontSizeSmall}"
                                   Foreground="{StaticResource PhoneSubtleBrush}"
                                   Margin="0,4,0,18"/>
                            </Grid>
                        </DataTemplate>
                    </telerikPrimitives:RadSlideView.ItemTemplate>
                </telerikPrimitives:RadSlideView>

            </Grid>
            <Grid Grid.Row="2" Margin="20 0 20 0">
                <Grid.RowDefinitions>
                    <RowDefinition Height="102"/>
                    <RowDefinition Height="102"/>
                </Grid.RowDefinitions>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <local:LiveTileAamal Name="liveAamal" HorizontalAlignment="Center" VerticalAlignment="Top" />
                <local:LiveTileMan Name="liveMan" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="0" Grid.Column="1"/>
                <local:LiveTileDalil Name="liveDalil" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="0" Grid.Column="2"/>
                <local:LiveTileAmana Name="liveAmana" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="0" Grid.Column="3"/>
                <local:LiveTileSalat Name="liveSalat" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="1" Grid.Column="0"/>
                <local:LiveTileMeteo Name="liveMeteo" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="1" Grid.Column="1"/>
                <local:LiveTileContact Name="liveContact" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="1" Grid.Column="2"/>
                <local:LiveTileBalaghat Name="liveBalaghat" HorizontalAlignment="Center" VerticalAlignment="Top"  Grid.Row="1" Grid.Column="3"/>

            </Grid>
        </Grid>

        <!--Uncomment to see an alignment grid to help ensure your controls are
            aligned on common boundaries.  The image has a top margin of -32px to
            account for the System Tray. Set this to 0 (or remove the margin altogether)
            if the System Tray is hidden.

            Before shipping remove this XAML and the image itself.-->
        <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />-->
    </Grid>

</phone:PhoneApplicationPage>

[Ivaylo Gergov]

Hi,

Thank you for contacting us.

I tried to reproduce the issue but with no avail. Here I have attached a sample project using the provided code snippet. Could you please modify it in order to reproduce the problem?

I am looking forward to your reply.

Regards,
Ivaylo Gergov
Telerik

 

 

[slnee]

Hi
Thanks for Reply,

When trying to add my own references to telerik:
Telerik.Windows.Controls.Core.dll and Telerik.Windows.Controls.Primitives.dll, I received an error:
A reference to a higher version or incompatible assembly cannot be added to the project
Regards

[Ivaylo Gergov]

Hi,

I have attached again the sample project because the previous was for WP8 instead of WP7. Sorry for the inconvenience caused.


Regards,
Ivaylo Gergov
Telerik

 

 

[slnee]

Hi,
I have the same problem with the new project.
i m using UI for Windows Phone 8 Q2 2014

Regards

[Ivaylo Gergov]

Hi,

After some testing I was able to reproduce this behavior. I will get back to you when I find what is the reason and if there is a possible workaround.

Regards,
Ivaylo Gergov
Telerik

 

 

[slnee]

Hi thanks for Reply,

I m waiting for your response.

i wish its can be solved.

Regards

[Ivaylo Gergov]

Hi,

In order to avoid the flicking you can set the RadSlideView.CacheMode to BitmapCache.

I hope this helps.

Regards,
Ivaylo Gergov
Telerik