Last Updated: 06 Aug 2021 09:58 by Holger
Created on: 19 Apr 2018 08:35
Category: Kendo UI for Angular 2+
Type: Feature Request
Overlay / Waiting Screen
Create a Overlay Component for Waiting Screens when you load Data from Backend Services, ....

- With Flexible Loading Icon
- Perhaps as ngRx Extension,
- Inceting a service where you can just call ShowOverlay or HideOverlay, ...
Posted on: 06 Aug 2021 09:58

Hello Martin,

Thanks for the example.


Posted on: 06 Aug 2021 06:49

Hello all,

Such overlay could be added by using .k-overlay class. The same is used for the Dialog component by default and explicitly in the following article which is adding modality to the Window:

Here is an example where an overlay is added in case the Loader component is shown on the page:

In general, applying this overlay does not allow the user to interact with other elements on the page while it's active.

I hope this helps.

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at

Posted on: 02 Aug 2021 07:34

I would like to second Cyril's request.

We are currently using NgxSpinner, but would prefer a full-screen Overlay/Wating Screen based on Kendo UI's Loader component.

Posted on: 30 Jul 2021 14:02

Hi Carl,


Thanks for the follow-up on this feature request. However, I think we are missing some stuff here...

As per SquadWuschel request, we were looking for an integrated / all-in-one waiting overlay.

What you provide is pretty basic: it's a an advanced loading icon.


We currently rely on Ionic LoadingController (see and we would love to have something more complete provided by Kendo.

It can be as simple as the solution provided by Ionic. A service, few settings, and that's it.


Looking forward for your feedback.


Posted on: 18 Sep 2020 20:33

Hey folks!

With R3 2020 we added the Kendo UI for Angular Loader component. From my understanding of this request it should fit in well with the requirements, although it does not have a deeper integration with ngRx. I'll leave this as "planned" for now as folks try out the component. If you need additional features feel free to follow-up here!

Progress Telerik

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