Display Loading / waiting icon while waiting for data to be fetched
Application Type
Reactive

Hi,

I am using Tabs for my Reactive webapp,
and for tabs content, I am fetching data from apis, which takes some time to load, I want to implement a loading spinner to be shown while waiting for data.

The Loading spinner works everywhere else in the app, implemented with If clause as shown inattached image

~ however for tabs content it only gets pop up once the data is fetched.

Hello malvika ,

There is on components and also demo is available 

https://www.outsystems.com/forge/component-overview/11159/screenloader

If you are fetching data from entities/data fetch the easily you will manage that in your if condition if the not IsDataFetchExecuting and in addition, if your doing on the client action then 

this will be your client Action 

Start  --> spinner Visibility True --> your Logic part --> spinner visibility False --> End

For different approach you will also go through this post 

https://www.outsystems.com/forums/discussion/59262/loading-image-spinner-in-reactive/

Thanks and Regards,

Akshay Deshpande 

Hello Malvika, can you share your OML? To give you a proper answer?

Kind regards,

Márcio

Hello Malvika,

Based on your screenshot, apparently the Loading Spinner is designed to display only when data is 'not' been fetched i.e. after the data has already been fetched.

If you remove 'not' then the spinner should display while the data is being actively fetched. Hope that's all it is,

Regards,

AJ

the variable is by default set to true, set to false once data fetch is complete, this solution works everywhere in the app not in tabs controller content.
will share OML for reference.

Hello malvika ,

There is on components and also demo is available 

https://www.outsystems.com/forge/component-overview/11159/screenloader

If you are fetching data from entities/data fetch the easily you will manage that in your if condition if the not IsDataFetchExecuting and in addition, if your doing on the client action then 

this will be your client Action 

Start  --> spinner Visibility True --> your Logic part --> spinner visibility False --> End

For different approach you will also go through this post 

https://www.outsystems.com/forums/discussion/59262/loading-image-spinner-in-reactive/

Thanks and Regards,

Akshay Deshpande 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.