This is a migrated thread and some comments may be shown as answers.

Loading animation using grid mobile grid

1 Answer 36 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Juergen
Top achievements
Rank 1
Juergen asked on 10 Jul 2014, 03:36 PM
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

1 Answer, 1 is accepted

Sort by
0
Accepted
Kiril Nikolov
Telerik team
answered on 14 Jul 2014, 08:14 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Juergen
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or