Grid customise progress indicator image

1 Answer 1511 Views
Grid
Mark
Top achievements
Rank 1
Mark asked on 25 Aug 2015, 11:06 AM

Hi there,

How do you customise the image on the loading spinner for a Kendo Grid?  I have an animated gif called 'loading.gif' that I wish to use instead of the default image currently.

Thanks, Mark

1 Answer, 1 is accepted

Sort by
0
Accepted
Patrick | Technical Support Engineer, Senior
Telerik team
answered on 25 Aug 2015, 06:09 PM
Hi Mark,

Take a look at this sample illustrating how to change the loading spinner.  

I changed the background-image of the class k-loading-image:
<style>
.k-loading-image
  {
  }
</style>

Regards,
Pat
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Mark
Top achievements
Rank 1
commented on 26 Aug 2015, 08:17 AM

Worked perfectly, thanks!

Mark

Surbhi
Top achievements
Rank 1
commented on 01 Jul 2019, 10:36 AM

Hi Team,

How can I use an inline SVG instead of an image, as the loading circle for kendo grids and tabs?

Regards,

Surbhi Jain

Patrick | Technical Support Engineer, Senior
Telerik team
commented on 01 Jul 2019, 03:42 PM

Hello Surbhi,

One approach you can take is the implementation shown in this stackOverflow post.  I've created a small demo in a Progress Kendo UI Dojo which when selecting a tab in a TabStrip will show the loading symbol, and when the Grid loads data.  

Regards,
Patrick
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
Mark
Top achievements
Rank 1
Answers by
Patrick | Technical Support Engineer, Senior
Telerik team
Share this question
or