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

Add a "please wait" notification

3 Answers 152 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
Bob asked on 19 Apr 2021, 03:03 PM

My tabs are taking a little of bit time to change when clicked on making it look like nothing is happening when they click on  tab.

I need a way to some kind of Please Wait when a tab is clicked on and then goes away once the new tab is rendered.  

I am thinking something like the three pulsing dots in the tab title while it is working.

Is there any way I can achieve this?

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 19 Apr 2021, 03:08 PM

Hello Bob,

We have the Loader and LoaderContainer components so you can show indication to your users that something is happening. You can show them when navigation is about to happen, and hide them after the new component is rendered.

Regards,
Marin Bratanov
Progress Telerik

Тhe web is about to get a bit better! 

The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.

0
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
answered on 19 Apr 2021, 03:34 PM

I know about those controls, but how would I use them when changing tabs?

The tabs don't navigation anywhere, they just show different data? 

I tried adding a please wait to the ActiveTabIndexChanged but it didn't work.

That event fires when the tab is changed but it's like I would need a before changing and after changing event to show and hide the loader.

0
Marin Bratanov
Telerik team
answered on 19 Apr 2021, 06:08 PM

Hello Bob,

If you are referring only to tab change in a TabStrip and not navigating between pages, you can simply put the loading containers in the components the tab strip renders. They can be visibl by default and getting the necessary data (or the AfterRender event) can hide them.

Regards,
Marin Bratanov
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/.

Tags
TabStrip
Asked by
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Marin Bratanov
Telerik team
Bob
Top achievements
Rank 1
Iron
Veteran
Iron
Share this question
or