Overlay / Waiting Screen

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 06 Aug 2021 09:58 by Holger

SquadWuschel

Created on: 19 Apr 2018 08:35

Category: Kendo UI for Angular

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, ...

5 comments

Holger

Posted on: 06 Aug 2021 09:58

Hello Martin,

Thanks for the example.

Regards
Holger

ADMIN

Martin

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:

https://www.telerik.com/kendo-angular-ui/components/dialogs/window/how-to/add-modality-to-window/

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

https://stackblitz.com/edit/angular-usfubb

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.

Regards,
Martin
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 https://learn.telerik.com/.

Holger

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.

Cyril

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 https://ionicframework.com/docs/v3/api/components/loading/LoadingController/) 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.

Cyril

ADMIN

Carl

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!

Regards,
Carl
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).