Turn off animation

[Yordan]

Hello dear support.

I would like to turn off animation of Toast.

Anyway I would like to turn off all animations for the components, since they really slow down a dynamic workflow.

Is there a way to turn off all animations for all components generally ?

[Indrajith Srinivasan]

Hi Yordan, 

 

Greetings from the Syncfusion support, 

 

We have validated your reported queries, 

 

Query 1: “I would like to turn off animation of Toast.” 

 

Yes, you can disable the default SfToast animations using the ToastShowAnimationSettings and ToastHideAnimationSettings tags with the animation Effect set as None. Check the below code blocks for reference. 

 

 

@using Syncfusion.Blazor.Notifications 

 

<button @onclick="@Clicked">Open Toast</button> 

 

<SfToast @ref="ToastObj" Title="Adaptive Tiles Meeting" Icon="e-meeting" Content="Toast Content"> 

    <ToastPosition X="Right" Y="Bottom"></ToastPosition> 

    <ToastAnimationSettings> 

        <ToastShowAnimationSettings Effect="ToastEffect.None"></ToastShowAnimationSettings> 

        <ToastHideAnimationSettings Effect="ToastEffect.None"></ToastHideAnimationSettings> 

    </ToastAnimationSettings> 

</SfToast> 

 

@code  { 

    SfToast ToastObj; 

 

    private ToastEffect Effects = ToastEffect.None; 

 

    public void Clicked() 

    { 

        this.ToastObj.Show(); 

    } 

} 

 

Documentation: https://blazor.syncfusion.com/documentation/toast/animation/#animations  

 

Query 2: “Is there a way to turn off all animations for all components generally ?” 

 

Can you please share us the components, which you want to disable the animations ?. So that we can validate and provide solution. 

 

Please let us know if the solution helps, 

 

Regards, 

Indrajith 

[Yordan]

I mean - I would like to turn off all animations for all component generally. Not one by one.
something like :
Syncfusion.Components.Animations = None;

[Indrajith Srinivasan]

Hi Yordan, 

 

Good day to you, 

 

Currently, we don't have any global API to disable the animation for all our Syncfusion components. However, we have logged “Enable/Disable Animation globally for Blazor components ” as an feature request task to provide an option to enable/disable animation globally and this will be included in any of our upcoming volume release.  

   

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further enquiries through this link: https://www.syncfusion.com/feedback/20764/  

   

Regards, 

Indrajith 

[Yordan]

Great! Thank You dear support.

[Indrajith Srinivasan]

Hi Yordan, 

 

Welcome, 

 

We will let you know once the feature is implemented. 

 

Regards, 

Indrajith 

[Unknown]

Has there been any progress made on this? I'd like to turn off all animations during E2E testing to make the tests easier to orchestrate and therefore think an option like this would be very useful indeed.

Many thanks,

Phil

[Indrajith Srinivasan]

Hi Phil,

We have just holded this implementation, based on the different customer use case sceanrio's. We are currently checking for the possibilities of this implementation, and we will update you with further details by two business days.

Regards,
Indrajith

[Vinitha Jeyakumar]

Hi Phil,  

  

 

We have planned to implement the feature with our upcoming Vol 1 2022 release. Please keep track the status of the feature through the below feedback  

   

https://www.syncfusion.com/feedback/20764/enable-disable-animation-globally-for-blazor-components 

   

We will let you know once the feature is included. 

   

Regards, 

Vinitha 

[Unknown]

Hi Vinitha,

That's fantastic news... thanks for the update. Will these changes be able to honour the prefers-reduced-motion media feature? I'm guessing this is easy enough for CSS animations but I wondered whether this would cover javascript managed animations?

Kind regards,

Phil

[Yordan]

The animations were practically a disaster in my case. On older Android devices the result PWA application almost were useful. The animations should never be on default, but only by an explicit settings I believe.

[Rajendran R]

Hi Phil,

No. We have planned to disable JavaScript animations through common option. We will validate to disable CSS animation also on analysis and implement this feature.

Regards,

Rajendran R.  

[Rajendran R]

Hi Yordan,

Currently, we couldn't disable the animation by default since it is breaking with existing functionality. We have enabled/disabled the animation functionality by default based on component's behavior.  

You could disable the animation by default across all the components after we implemented and included the feature.

Regards,

Rajendran R.

[Joshna Lingala Uthama Reddy Lingala]

Hi Yordhan,

Sorry for the inconvenience caused.

We have planned to implement the feature for our upcoming Volume 2 2022 release. We appreciate your patience until then. Please keep track the status of the feature through the below feedback

https://www.syncfusion.com/feedback/20764/enable-disable-animation-globally-for-blazor-components

We will let you know once the feature is included.

Regards,

Joshna L

[Joshna Lingala Uthama Reddy Lingala]

Hi Yordhan,

We are glad to announce that we have added the support to “enable and disable the animation Globally” in our Essential Studio 2022 Volume 2 release v20.2.0.36 is rolled out and is available for download under the following link.

https://www.syncfusion.com/forums/175975/essential-studio-2022-volume-2-main-release-v20-2-0-36-is-available-for-download

Feedback: https://www.syncfusion.com/feedback/20764/enable-disable-animation-globally-for-blazor-components

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/20.2.36?type=all#features

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,          

Joshna L