How to add a loading icon to app

Hi! Iwas wondering how to use the loading icon component. I would like it to run as the user of the app waits for the api to return results to the phone.And of course stop when it comes there. Ill include some of my code…Where i think it should somewhere be:)

Hello @hansnielsen350yuwp2
You can add the loading component and make it invisible. Then add a block to make it visible before you call the API and a block to make it invisible after you receive the response from the API

I dont know if there is a way to do this but. Is there a way to get the loading icon appear after the webviever button is clicked?Cause now it is visible even if the select image button isnt pressed.I mean when a user comes to the screen where the button is its already on…I think it should only be visible when the data is being fetched.

…hungover…:slight_smile:

What do you mean by the “webviewer button?” Do you mean a button on a website being displayed in the webviewer?

If it’s a Thunkable button component, then you can show or hide the loading icon when that button is pressed.

thx for the reply!Im talking about the webviewer workaround. It has a button but its not the same as the button component, its made with html or javascript. im not sure wich one.Its called the webviewer.

…or probably both jscript and html…

I have no idea what that is. Can you post a link to it?

@hansnielsen350yuwp2 To get the loading icon to appear only after the web viewer button is clicked please make it invisible.


And add the blocks to update visibility here:

First of all thx loannis works like a charm! Then to response to Tatiang; i tried to run a search for the webviewer and got tons of mails, i didnt find a specific post about what it is and does but you can try searching for it if you have better luck than me. Basicly what the webviewer does(in my app anyway) is that it creates a button which then when clicked opens the camera or gallery where you can take a photo and analyze it.For example in my case i use a paid api that identifies mushrooms. The webviever enables me to use the phones camera or a picture from the gallery.Wich then is sent to the database where it is identified. And then returns a result.Hope this makes sence;)

2 Likes

Thanks for the explanation! I just didn’t understand how the button was getting created but that’s play. I’m glad the suggestion is working. If you happen to have an example project you’re willing to share, I’d be curious to see it.

i dont know. Im selling it at the play store.