Progress® Telerik® UI for Blazor Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 18 Sep 2023 08:14 by Peili
Tore
Created on: 10 Nov 2022 07:53
Category: UI for Blazor
Type: Feature Request
9
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)

2 comments
Peili
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.

ADMIN
Dimo
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;
}

A more complex version of the above removes the animation completely and also addresses the issue with the shadow, which appears with a delay:

.k-animation-container {
    box-shadow: var(--kendo-elevation-4, 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12));
}

    .k-animation-container:has(.k-slide-down-exit),
    .k-animation-container > div > .k-popup {
        box-shadow: none;
    }

div.k-child-animation-container {
    transition: none;
}

Regards,
Dimo
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/.

Create an account Log In
View
Type
Status
Category