Problem when sliding

8 posts, 0 answers
  1. slnee
    slnee avatar
    18 posts
    Member since:
    Sep 2014

    Posted 17 Sep 2014 Link to this post

    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>
  2. Ivaylo Gergov
    Admin
    Ivaylo Gergov avatar
    661 posts

    Posted 22 Sep 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. DevCraft banner
  4. slnee
    slnee avatar
    18 posts
    Member since:
    Sep 2014

    Posted 22 Sep 2014 in reply to Ivaylo Gergov Link to this post

    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


  5. Ivaylo Gergov
    Admin
    Ivaylo Gergov avatar
    661 posts

    Posted 25 Sep 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. slnee
    slnee avatar
    18 posts
    Member since:
    Sep 2014

    Posted 28 Sep 2014 in reply to Ivaylo Gergov Link to this post

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

    Regards
  7. Ivaylo Gergov
    Admin
    Ivaylo Gergov avatar
    661 posts

    Posted 02 Oct 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  8. slnee
    slnee avatar
    18 posts
    Member since:
    Sep 2014

    Posted 03 Oct 2014 in reply to Ivaylo Gergov Link to this post

    Hi thanks for Reply,

    I m waiting for your response.

    i wish its can be solved.

    Regards
  9. Ivaylo Gergov
    Admin
    Ivaylo Gergov avatar
    661 posts

    Posted 08 Oct 2014 Link to this post

    Hi,

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

    I hope this helps.

    Regards,
    Ivaylo Gergov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
DevCraft banner