Customizing RadTileAnimation

[Spencer]

I trying to change the animation speed for RadTileAnimation but changing things like the duration don't seem to affect it.

<telerikData:RadJumpList 
x:Name="deviceJumpList"
CacheMode="BitmapCache"
Grid.Row="2"
IsAsyncBalanceEnabled="True"
RealizedItemsBufferScale="2"
EmptyContentDisplayMode="Always"
IsStickyHeaderEnabled="True"
SelectionChanged="DeviceJumpListSelectionChanged"
SelectedItem="{Binding DeviceListSelectedItem, Mode=TwoWay}"
ItemsSource="{Binding DeviceList}"
ItemContainerStyle="{StaticResource ItemContainerStyle}"
EmptyContentTemplate="{StaticResource EmptyContentTemplate}"
GroupHeaderTemplate="{StaticResource GroupTemplate}"
GroupPickerItemTemplate="{StaticResource GroupPickerItemTemplate}"
GroupPickerItemStyle="{StaticResource GroupPickerItemStyle}"
GroupPickerItemsPanel="{StaticResource NormalGroupPickerItemsPanel}"
StickyHeaderTemplate="{StaticResource GroupTemplate}">
<telerikData:RadJumpList.ItemTemplate>
<DataTemplate x:Name="ItemDeviceTemplate">
<controls:TiltEffectGrid
Margin="{StaticResource PhoneTouchTargetOverhang}">
<StackPanel x:Name="DataTemplateStackPanel" Orientation="Horizontal" HorizontalAlignment="Left" VerticalAlignment="Top">
<StackPanel
Background="{Binding IndicatorColor}"
VerticalAlignment="Center">
<Image
Height="50"
Width="5" />
</StackPanel>
<StackPanel
Background="{Binding TileBackgroundColor}"
VerticalAlignment="Center">
<Image x:Name="ItemImage" Source="{Binding IconFilePath}" Height="50" Width="50" />
</StackPanel>
<StackPanel VerticalAlignment="Center">
<TextBlock x:Name="Name" Text="{Binding Name}" Margin="6,0,0,0"
FontSize="{StaticResource PhoneFontSizeLarge}"
FontFamily="{StaticResource PhoneFontFamilySemiBold}"
FontStyle="Normal" />
<StackPanel Orientation="Horizontal" Visibility="{Binding StatusInfoVisibility, Converter={StaticResource BooleanToVisiblity}}" Margin="6,-2,0,0">
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel1}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel1Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText1}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText1Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel2}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel2Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText2}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText2Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel3}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel3Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText3}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText3Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel4}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel4Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText4}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText4Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel5}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel5Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText5}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText5Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Normal" Text="{Binding StatusInfoLabel6}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoLabel6Visibility, Converter={StaticResource BooleanToVisiblity}}" />
<TextBlock FontWeight="Bold" Text="{Binding StatusInfoText6}" Style="{StaticResource PhoneTextNormalStyle}" Margin="0,-6,0,3" Visibility="{Binding StatusInfoText6Visibility, Converter={StaticResource BooleanToVisiblity}}" />
</StackPanel>
</StackPanel>
</StackPanel>
</controls:TiltEffectGrid>
</DataTemplate>
</telerikData:RadJumpList.ItemTemplate>
<telerikData:RadJumpList.GroupPickerOpenAnimation>
<telerik:RadTileAnimation 
Duration="0:00:.5" InitialDelay="0:0:.08" IsTranslationEnabled="False" InOutAnimationMode="In" PerspectiveAngleY="0" PerspectiveAngleX="90" SequentialMode="LastToFirst" SequentialItemDelay="0"/>
</telerikData:RadJumpList.GroupPickerOpenAnimation>
<telerikData:RadJumpList.GroupPickerCloseAnimation>
<telerik:RadTileAnimation Duration="0:00:.1" InitialDelay="0:0:.05" IsTranslationEnabled="False" InOutAnimationMode="Out" PerspectiveAngleY="0" PerspectiveAngleX="90" SequentialMode="LastToFirst" SequentialItemDelay="0"/>
</telerikData:RadJumpList.GroupPickerCloseAnimation>
</telerikData:RadJumpList>

[Victor]

Hello Spencer,

Thanks for writing.
You can set the ItemAnimationDuration property of RadTileAnimation to control the projection animation duration. The opacity animation is currently hardcoded to 200ms. We will consider making the opacity duration modifiable in a future release.

Please write again if you need further assistance.

Regards,
Victor
Telerik