Unplanned
Last Updated: 18 Mar 2024 08:16 by ADMIN
Michael D
Created on: 06 Feb 2023 13:48
Category: Toolbar
Type: Feature Request
2
Toolbar - Disable animations

Many Kendo UI Widgets support enabling/disabling animations via their options. In our case, we always disable them. As of R1 2023, the toolbar widget does not support customizing or turning off animations and always slides in/out the options of splitButtons or the overflow menu.

To maintain a consistent look&feel, disabling animations should by supported by the toolbar as well.

Do you have any suggestions how this could be fixed in the meantime?

   
5 comments
ADMIN
Martin
Posted on: 18 Mar 2024 08:16

Hello, Michael,

The item's status is still unplanned so it has not yet been scheduled for implementation. Could you please let us know if the suggested approach from my colleague works for you? If not, please elaborate a bit more about the scenario (if needed and possible - through a Dojo example) so that we can better understand the problem and search for a better solution.

Regards,
Martin
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
Michael D
Posted on: 11 Mar 2024 15:16
While doing our regular housekeeping tasks, I have stumbled over this issue again. Are there any news on this?
ADMIN
Veselin Tsvetanov
Posted on: 15 Feb 2023 13:12

Hi Michael,

Thank you for the further clarifications.

As per the SplitButton and the DropDownButton, you could disable their popup animation by passing the animation: false configuration option directly to the respective items:

$("#toolbar").kendoToolBar({
  items: [ {
    type: "splitButton",
    text: "splitButton",
    animation: false,
    menuButtons: [
      { id: "foo", text: "Foo" },
      { id: "bar", text: "Bar" },
      { id: "baz", text: "Baz" }
    ]
  },{
    type: "dropDownButton",
    text: "dropDownButton",
    animation: false,
    menuButtons: [
      { id: "foo", text: "Foo" },
      { id: "bar", text: "Bar" },
      { id: "baz", text: "Baz" }
    ]
  }]
});

The above option is not documented, but, as you have correctly noted, it is used in many other Kendo widgets and there is no reason to alter it.

As per the OverflowMenu animation, that could be globally disabled for the ContextMenu (the component used for that functionality in the ToolBar):

kendo.ui.ContextMenu.prototype.options.animation = false;

Here is a small Dojo sample implementing the above suggestions in the ToolBar:

https://dojo.telerik.com/UZAKiMAj/4

Regards,
Veselin Tsvetanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michael D
Posted on: 13 Feb 2023 12:37

I have to admit that we did not disable animations - and it was not the most consistent solution.

The reason I have filed this request now was that we added a fair amount of customizing to the Toolbar widget in previous versions. With the latest update, some of it stopped working, but without animations it would. More specifically, we did not manage to make some code run once the dropDowns were fully opened - the open event fires before the animations start. We did not want to introduce another timeout, because we cannot control its duration since the opening and closing animation is purely internal - using magic numbers would make the solution even more unstable.

ADMIN
Veselin Tsvetanov
Posted on: 13 Feb 2023 07:54

Hi Michael,

Animation configuration is not (and has never been) part of the ToolBar public API. Nevertheless, being able to configure that seems a good addition to the configuration options of the component. May I ask you to share how you used to disable animations in the ToolBar with versions prior to R1 2023? Then I will log an item to enrich the ToolBar configuration options.

Looking forward to hearing from you.

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