This is a migrated thread and some comments may be shown as answers.

change RadCarouselPanel scroll speed

1 Answer 130 Views
Carousel
This is a migrated thread and some comments may be shown as answers.
samane
Top achievements
Rank 1
samane asked on 04 Nov 2017, 12:34 PM

0down votefavorite
1 I had a WPF project work with Kinect hand pointer and want do use Telerik RadCarouselPanel that bind with ListBox. the problem is that the hand pointer scroll speed is too fast, I tried ScrollViewer.CanContentScroll="False" but it break Telerik perspective effect on Listbox. how can I slow it down some how? here is the picture and the code:

 



    <ScrollViewer HorizontalAlignment="Center" Background="Transparent" VerticalAlignment="Center"  VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Disabled" Width="1691.381" Height="257.5" Grid.ColumnSpan="4"  Grid.RowSpan="3" Grid.Row="2">
<ListBox x:Name="listBox" Background="Transparent" BorderBrush="Transparent" SelectionChanged="listBox_SelectionChanged" SelectionMode="Single" ItemsSource="{Binding Source={StaticResource NamesTable}}" HorizontalContentAlignment="Center" ScrollViewer.HorizontalScrollBarVisibility="Auto" ScrollViewer.VerticalScrollBarVisibility="Disabled" RenderTransformOrigin="0.5,0.5"  >
<ListBox.ItemsPanel>
<ItemsPanelTemplate>
<telerik:RadCarouselPanel Name="MyCarousel" HorizontalAlignment="Center" VerticalAlignment="Center" Height="300"  Width="2000"/>
<!--<StackPanel Orientation="Horizontal" />-->
</ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel Orientation="Horizontal"  Height="200" Width="200" >
<Image Margin="3" Source="{Binding pic_path}" RenderOptions.BitmapScalingMode="Fant" RenderOptions.EdgeMode="Aliased"/>
<TextBox Margin="3" Text="{Binding name}" Visibility="Visible"/>

</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
</ScrollViewer>

1 Answer, 1 is accepted

Sort by
0
Dinko | Tech Support Engineer
Telerik team
answered on 07 Nov 2017, 02:17 PM
,
 
Thank you for contacting us.

To control the duration of the item movement animation you can set the ItemsMovementAnimationDuration property of the RadCarouselPanel.

<telerik:RadCarouselPanel ItemsMovementAnimationDuration="0:0:0.100"/>

Regards,
Dinko
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which you to write beautiful native mobile apps using a single shared C# codebase.
Tags
Carousel
Asked by
samane
Top achievements
Rank 1
Answers by
Dinko | Tech Support Engineer
Telerik team
Share this question
or