How do you disable animations globally?

1 Answer 195 Views
Animation General Discussions
Christopher
Top achievements
Rank 2
Iron
Christopher asked on 22 Aug 2023, 05:44 PM

We're using KendoReact components but finding the animations distracting - how can we disable them by default?

 

In jQuery kendo there was kendo.effects.disable()

is there anything like that for KendoReact?

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 23 Aug 2023, 08:26 AM

Hello, Christopher,

In KendoReact, the is not an option that disables the animation of all components explicitly.

However, multiple components allow you to disable their animations using their props. For example, you can disable the Chart animations by setting its transitions prop to `false`. Moreover, The Popover and Popup components have an animate property that you can set to `false`. You can also disable the Popup animation of the DropDownList using its popupSettings property:

<DropDownList popupSettings={{ animate: false}}>

You can check if each components has an option to disable its animation by checking its API page. For example, this is the API page of the ProgressBar component:

I hope this helps, but please let me know if you have any further questions.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Animation General Discussions
Asked by
Christopher
Top achievements
Rank 2
Iron
Answers by
Wissam
Telerik team
Share this question
or