DropdownList loading icon causes weird widget height change

1 Answer 67 Views
DropDownList
Laurent
Top achievements
Rank 2
Iron
Iron
Laurent asked on 25 Nov 2022, 08:41 AM

Hi Team,

When a drodpdownlist is loading data, the loading icon (k-input-loading-icon) has a wrong height causing the widget height to change too, resulting in a weird "pumping effect" in the form.

To reproduce, simply look at the dropdownlist demo page :

https://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist?autoRun=true&theme=bootstrap-main

Any workaround?

 

Regards,

Laurent.

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 30 Nov 2022, 07:51 AM

Hello Laurent,

You can use the .k-loading-icon class and customize the styles. Below is an exmaple:

<style>
  .k-i-loading{
    height: 5px !important;
    font-size: 8px !important;
  }
</style>

Here is a Dojo where this is demonstrated.

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

Tags
DropDownList
Asked by
Laurent
Top achievements
Rank 2
Iron
Iron
Answers by
Neli
Telerik team
Share this question
or