KendoUI – Progress Animation per CSS tauschen

Will man die KendoUi Progress-Animation des genutzten Themes in der Anwendung überschreiben, kann man das ganz einfach per CSS erledigen. Wir zeigen wie.

Im letzten Beitrag haben wir manuell eine Progress Animation an einem Kendo Grid gestartet und gestoppt. Nun wollen wir das animierte Gif aus dem Bootstrap Kendo-Theme einfach per CSS tauschen.

Dazu fügen wir einfach folgende Klassen zum CSS der Anwendung hinzu. Als background-image kann nun unsere eigene Bilddatei angegeben werden.

.k-loading-mask .k-loading-image {
	background-image: url('path/to/my-loading.gif');
}

Und schon wird das Gif durch ein eigenes ersetzt.

Ich hoffe wie immer, diese erstbeste Lösung war hilfreich.