Loading animation using grid mobile grid

[Juergen]

Hello,

i build a mobile web using grids adaptive rendering. It works fine.

I also use several listviews to show data from a rest-service.

During loading data from service i use   

      kendo.mobile.application.showLoading();

to tell the user that the app is loading data.

So far so good.

The grid use its own loading animation which is different to the loading animation in the mobile application.
Also the mobile application use different animations for different platforms.

I would have same look an feel in the hole mobile application.

How do i use the animation from the mobile application when the grid is loading data ?

Regards

Jürgen

[Kiril Nikolov]

Hi Juergen,

You can hide the default Kendo UI Grid loading image, using the following CSS rule:

<style>
  #grid .k-loading-image {
    background-image: none;
  }
</style>

This way you will only show the mobile loading indicator. 

As for your second question - it is not possible to force the usage of certain styling of the indicator for all platforms. You can select skin and/or a platform for your application, but this will force the whole application to look the same on the different platforms.

Regards,
Kiril Nikolov
Telerik