Use custom .gif on Load

2 posts, 0 answers
  1. Joel
    Joel avatar
    206 posts
    Member since:
    Jun 2018

    Posted 05 Oct 2020 Link to this post

    How do I use my own .gif in the grid while it is loading?
  2. Georgi Denchev
    Admin
    Georgi Denchev avatar
    79 posts

    Posted 08 Oct 2020 Link to this post

    Hi, Joel

    My colleague has given an answer to this question in this thread:

    https://www.telerik.com/forums/kendo-grid-loader-icon-customization#Uhbt_JDeqUaW8qTibNSBDA

    To save you some time you need to modify the styling class of the loader. The following snippet could be copy-pasted directly into the grid's View file.

    <style>
        .k-loading-mask .k-loading-image {
          background-image: url('Url to your gif');
        }
      </style>

    In the above link there is a runnable preview in Dojo in case you want to examine it yourself.

    Let me know if you have any questions.

    Best Regards,
    Georgi Denchev
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

Back to Top