Loader page element doubt

Ask us anything How do I?
1

Loading page sometimes blue, sometimes black

Hi everyone! so I have an app where I put some loading page weweb elements to be native black.

Then I have some workflows where I have this sequence:

  1. Page loader in black.
  2. API Call.
  3. Redirect to somewhere with a page loader black.

One thing I notice is that when I have this combo, the first page loader shows in blue color. Then once the API call is done, the redirection goes super fast and it doesn’t show the loader element.

I avoided using some page loader elements in some steps of my workflows because I don’t want to confuse the user but just in case,

Do you know how to make all the loader page elements in the project black?

That way, I believe I won’t face the two colours situation.

Thanks for your help! :slight_smile:

2

Hi Jorge :waving_hand:

You mean that the first loader that is being called is showing as blue?
Can you show a screenshot of this behavior?

I’m sharing some resources on loaders so you can consider if changing your approach fixes your issue:

Perhaps using skeleton loaders:

Video tutorial:

And a community post where other members are trying to figure out the best approach:

3

Hi @Agustin_Carozo , I recorded a video so you can have more context about how I am facing this problem.

Also, thanks for sharing the video. This looks like a great way to display collections and loading states, I’ll try it as soon as I can too.