Last Updated: 18 Sep 2023 08:14 by Peili
Created on: 10 Nov 2022 07:53
Category: UI for Blazor
Type: Feature Request
Set default animation speed on popups

The 300ms default transition time for popups is too long for our app, and I would like an option to set it globally. It looks great on demos, but turns the interface into a sludge for doing real work.

The original solution to https://feedback.telerik.com/blazor/1469662-way-to-modify-default-values-of-animations-such-as-duration-and-delay-for-a-component-such-as-combobox (from 2020) allowed a default animation speed through css.

However, with the new PopupSettings approach, animation speed is hard coded into the style attribute on the .k-popup, thwarting any attempts to override it globally. Adding PopupSettings to all components in our app is hardly a workable solution.  The only workaround I've figured out so far is to disable animations on .k-popups alltogether (by adding a "transition: none" to .k-input)

Posted on: 18 Sep 2023 08:14

I second this.

We have clients accessing the app using remote desktop, thus we would like to disable any unnecessary animation.

Posted on: 16 Nov 2022 13:27

Hi Tore,

I am marking this as a valid feature request. In the meantime, you can still control the popup animation duration globally with a single CSS rule:

.k-child-animation-container {
  transition-duration: 50ms !important;

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.