accordion animation

[Thibault]

Hello,

I would like to know if there is a way to prevent the accordion transition having animation when an item is selected.

I have to load an accordion in page with a item already open. But the the selecion changing happend after dispaying the accordion. I would like to avoid to see the transition animation.

regards,

Thibault

[Vijayalakshmi Roopkumar]

Hi Thibault,

Thank you for using Syncfusion products.

We have prepared a sample that tries to meet your requirement. In our sample, we have edited the template of SfAccordionItem style to disable the transition animation on selecting the item and apply the style using the ItemcontainerStyle property of SfAccordion. Please find the code snippet for the same. 

Code Snippet:[XAML] 

 

<!--Code used to disable the animation--> 

<VisualState x:Name="Collapsed"> 

<Storyboard> 

<DoubleAnimationUsingKeyFrames 

BeginTime="00:00:00" Duration="00:00:01" EnableDependentAnimation="True" 

Storyboard.TargetName="ExpandSite" 

Storyboard.TargetProperty="(ExpandableContentControl.Percentage)"> 

<SplineDoubleKeyFrame KeySpline="0.2,0,0,1" KeyTime="00:00:0.0" Value="0" /> 

</DoubleAnimationUsingKeyFrames> 

</Storyboard> 

 

</VisualState> 

<VisualState x:Name="Expanded"> 

<Storyboard> 

<DoubleAnimationUsingKeyFrames 

BeginTime="00:00:00" Duration="00:00:01" EnableDependentAnimation="True" 

Storyboard.TargetName="ExpandSite" 

Storyboard.TargetProperty="(ExpandableContentControl.Percentage)"> 

<SplineDoubleKeyFrame KeySpline="0.2,0,0,1" KeyTime="00:00:0.0" Value="1" /> 

</DoubleAnimationUsingKeyFrames> 

</Storyboard> 

</VisualState> 

</VisualStateGroup> 

 

CodeSnippet:[XAML] 

 

 

   <!--Code shows how to set the ItemContainerStyle for SfAccordion--> 

<navigation:SfAccordion x:Name="accordion"  HorizontalAlignment="Center" VerticalAlignment="Center" Width="300" ItemContainerStyle="{StaticResource Style1}"> 

 

  

Sample: http://www.syncfusion.com/downloads/support/forum/128592/ze/SfAccordinanimation1606261578 

Regards, 

Vijayalakshmi V.R.