Item template shown for next item after last item

4 posts, 0 answers
  1. Benjamin
    Benjamin avatar
    4 posts
    Member since:
    Aug 2012

    Posted 05 Sep 2012 Link to this post

    With ItemRealizationMode is set to Default and IsLoopingEnabled is set to False, when the end of the data source list is reached, there is a bounce back effect, but unfortunately, it shows a blank item template to the right so it appears there is another item that I am not allowed to get to. I expected the last item to bounce but not show any items after it.
    Is there a way to change this?


  2. Todor
    Admin
    Todor avatar
    778 posts

    Posted 06 Sep 2012 Link to this post

    Hi Benjamin,

    Thank you for contacting us.

    We are not aware of a similar issue, so we'd like to ask you to prepare a sample that illustrates it. In general, when the last item is reached there should be nothing afterwards.

    Please note that you will have to open a new support ticket in order to be able to attach your sample project.

    Kind regards,
    Todor
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft banner
  4. Benjamin
    Benjamin avatar
    4 posts
    Member since:
    Aug 2012

    Posted 06 Sep 2012 Link to this post

    I am evaluating the controls as a trial at the moment, so opening a support ticket is not possible.

    Here is a video of the behavior I am seeing http://www.youtube.com/watch?v=9N7KP6ftQpU. The video shows a SlideView control backed by a list of 8 elements. After "Item 8" you can see the outline of another element to the right.

    I started with an empty Windows Phone 7.1 portrait application project. Here is the main page xaml:
    <phone:PhoneApplicationPage
        x:Class="SlideViewTest.MainPage"
        xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
        xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
        xmlns:telerikPrimitives="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.Primitives"   
        mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
        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>
     
            <!--TitlePanel contains the name of the application and page title-->
            <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>
     
            <telerikPrimitives:RadSlideView x:Name="SlideView" Grid.Row="1"
                                            IsLoopingEnabled="False"
                                            BorderThickness="0"
                                            ItemRealizationMode="Default">
                <telerikPrimitives:RadSlideView.ItemTemplate>
                    <DataTemplate>
                        <Border Height="400" Width="300" BorderThickness="2" BorderBrush="Red" Margin="0">
                            <StackPanel>
                                <TextBlock x:Name="Text" Text="{Binding Title}" FontSize="{StaticResource PhoneFontSizeExtraLarge}"></TextBlock>
                                <Button x:Name="button1" Content="Push" Click="button1_Click" />
                            </StackPanel>
                         </Border>
                    </DataTemplate>
                </telerikPrimitives:RadSlideView.ItemTemplate>
            </telerikPrimitives:RadSlideView>
                                             
                                            
     
            <!--ContentPanel - place additional content here-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"></Grid>
        </Grid>
         
    </phone:PhoneApplicationPage>

    and here is the code behind:
    namespace SlideViewTest
    {
        public partial class MainPage : PhoneApplicationPage
        {
     
     
            // Constructor
            public MainPage()
            {
               InitializeComponent();
     
               List<ViewModel> items = new List<ViewModel>();
     
               for (int i = 1; i <= 8; i++)
               {
                   ViewModel model = new ViewModel()
                   {
                       Title = "Item " + i,
                   };
     
                   items.Add(model);
               }
     
               this.SlideView.ItemsSource = items;
     
            }
     
            private void button1_Click(object sender, RoutedEventArgs e)
            {
            }
        }
     
        public class ViewModel
        {
            public string Title { get; set; }
        }
     
    }
  5. Todor
    Admin
    Todor avatar
    778 posts

    Posted 10 Sep 2012 Link to this post

    Hi Benjamin,

    We have been able to reproduce the issue and I have to confirm that it exists in the current version of RadSlideView. We will research what causes it and will do our best to fix it for our next release in mid-October.

    Thank you for your detailed instructions on reproducing the issue. I have added some telerik points to your account for your cooperation.

    Regards,
    Todor
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top