Power Apps Loading Spinner Screen

Рет қаралды 22,459

Күн бұрын

In this video, you will learn how to create an animated graphic and use it as a spinner element in your Power Apps application to serve as a loading screen. We'll go over each step and actually show you how to implement this on any of your screens by setting a variable which will make it hidden or visible.
-PowerApps Spinner
-Power Apps Animated
-PowerApps Loading Spinner
-PowerApps Wait
Here's the App Template Playlist: • Power Apps: How to Cre...
➡️ Get access to our free Power Apps crash course (and our community) here:
tinyurl.com/DarrensStuffFree 🔗
Here are all the parts of an app template I recommend you have: powerappstutorial.com/powerap...
Darren Neese, Microsoft MVP, PowerApps Tutorial
Link: loading.io/
TIMESTAMPS =======================================
0:00 - Intro
0:15 - Loading.io
0:58 - Uploading Graphic
1:32 - Adding a Rectangle Background
3:21 - Centering the Spinner
5:11 - Showing / Hiding Spinner
7:15 - Toggling the Spinner
8:40 - Togging Across Screens
9:30 - Using on Other Screens
9:58 - Message from Nicole
#darrenneese
#PowerAppsTutorial
#LowCode

Пікірлер: 51

@PowerAppsTutorial 2 жыл бұрын

🍬 Get my free video course, access to my free community, and, if you would like, you can book a call with me here: go.superpowerlabs.co/opt-in-page-page ⬅

@user-tw8ug2ws6s 2 ай бұрын

Thank you Darren! Really appreciate these videos

@PowerAppsTutorial 2 ай бұрын

Glad you like them!😊

@basehumax 2 жыл бұрын

Thank you darren, now am addicted to your channel but it worth it thank you again

@PowerAppsTutorial 2 жыл бұрын

I'm glad you're here! Thanks for all the feedback, it is truly appreciated! 😊👍

@andrewhess123 2 жыл бұрын

This one is really neat, gives me a bunch of ideas. Thanks!

@PowerAppsTutorial 2 жыл бұрын

Thanks man! I watch your videos too!

@Richie4love 2 жыл бұрын

This is very helpful, thank you Darren

@PowerAppsTutorial 2 жыл бұрын

You're very welcome! 😀👍

@mikegillis22 11 ай бұрын

Thank you Darren!

@PowerAppsTutorial 11 ай бұрын

You're welcome, Mike! Nice interacting with you on the Skool community. 🤓👍👍

@mtamitolanga Жыл бұрын

Thank you for your time and effort

@PowerAppsTutorial Жыл бұрын

My pleasure! Thanks!

@jackfreudenheim4846 2 жыл бұрын

Very well done tutorial, thanks! If or example a detail screen is tied to the currently selected item in a gallery, so that it has to go fetch information on item selection change, is there a way to know when that fetch has begun and when it ends, in order to show a spinner? Right now I have old data on the screen until it finishes fetching; you can see the dots flying from left to right to indicate activity is taking place, but during that gap in time the user is seeing the old detail data and could be confused. Thanks!

@PowerAppsTutorial 2 жыл бұрын

Exactly! That's why it is so useful!

@jackfreudenheim4846 2 жыл бұрын

@@PowerAppsTutorial I don't think you saw my question? I'd love to know how you handle this type of situation. Thanks!

@PowerAppsTutorial 2 жыл бұрын

@@jackfreudenheim4846 I did misunderstand. This spinner should be working in this way. You set the variable to true, then it displays, then you do your database operation, then set the variable to false, then the user knows it is done. Do make sure that the spinner group is on top, so it is visible.

@PowerAppsTutorial 2 жыл бұрын

@@jackfreudenheim4846 Look at the 5:15 mark where I demonstrate how to do this.

@PowerAppsTutorial 2 жыл бұрын

@@jackfreudenheim4846 Are you using a form to display the data?

@lemonslice7286 2 жыл бұрын

Thanks for this. Is it not better to use a component? unless there might be an issue with components that I'm not aware of, please advice.

@PowerAppsTutorial 2 жыл бұрын

It would work fine as a component, but keep in mind that the spinner is just made up for those two items. Also, you would need to create properties to change the animation graphic. If you'd like a great introduction on how to create components, check this video out: kzfaq.info/get/bejne/gKh0htGSqLjXpH0.html

@lemonslice7286 2 жыл бұрын

@@PowerAppsTutorial Thanks, I just tried it on a component turned on "Access app scope" to access "gbl variable" so I don't need properties & works fine from what I can see?

@PowerAppsTutorial 2 жыл бұрын

@@lemonslice7286 That works too! I think you got it! 😀👍 Have you joined our insider's Facebook group yet? Here is the link to the student intake form: learn.powerappstutorial.com/InsidersGroupSurvey

@lemonslice7286 2 жыл бұрын

Unfortunately I'm not a social media person, I'm only on twitter do you perhaps have a twitter account so I can follow you?

@PowerAppsTutorial 2 жыл бұрын

@@lemonslice7286 Sure thing! Here you go: twitter.com/developermct

@mgsbeatriz 7 ай бұрын

Hello Darren, thanks for your content. I'm pretty new on PowerApps and after I write Set(gblShowSpinner, true);, the "true" and the "false" don't appear in red. Also, when I insert gblShowSpinner in the visible it appears as an error. Am I doing something wrong?

@PowerAppsTutorial 7 ай бұрын

I'llhave to see your error.. can you post your question to my free community for quick help www.skool.com/power-apps-community

@krishnaaveersinghhada9220 2 жыл бұрын

How to create a app to show dashboard only,, so that stakeholders get and refresh chart anytime

@PowerAppsTutorial 2 жыл бұрын

Sure, what are you showing in your dashboard?

@krishnaaveersinghhada9220 2 жыл бұрын

@@PowerAppsTutorial I show up the monthly performance of team, the database is SharePoint, so after seeing your awesome video, I thought to create an app to automate the entire process,

@zanguinetti8612 Жыл бұрын

Hello Darren, from Peru. I have a situation, after I write Set(gblShowSpinner; true); appear a message highligthing in red the semicolon and say Inespected Caracter. Is it could be my configuration? I don't know why for me this is an error and for you is transparent. T_T

@PowerAppsTutorial 8 ай бұрын

this is the right code here Set(gblShowSpinner, true);... you should have used a comma and not a semi-colon after the variable nam e☺️

@zanguinetti8612 Жыл бұрын

Hello Darren, I realized that was my configuration the problem, but now I have a question about the Setting of the variable gblShowSpinner, Why did u set this variable as true and in the same script as false? Let me say that I ask this to chatGPT and said that doing this the Spinner is going to change between true and false, so the spinner is going to appear a short period of time when the user starts the app, is it correct?

@zanguinetti8612 Жыл бұрын

Sorry, Darren, but I just understand that your variable set in true when the app is inicialized and then execute all the code and finishing this the variable set in false because the actions have finalized. Thanks a lot, Darren! Your channel is great!

@PowerAppsTutorial 8 ай бұрын

You're welcome ☺️

@excel-k-sir Жыл бұрын

How to load the spinner when the items in the gallery are loading.

@PowerAppsTutorial Жыл бұрын

You could base the visible property based on the record count in the gallery. Also, you could utilize the gallery's built in spinner (LoadingSpinner property).

@nandnandan8313 Жыл бұрын

@@PowerAppsTutorial The inBuilt Loading spinner option doesn't work . Could you make a quick Video/Shorts for it?

@treehuggerjoe9795 10 ай бұрын

way to freking long for what it is

@thesurferslife8947 2 жыл бұрын

Hey I have a problem in my app, can u help me pls? My app is connected to Sharepoint and all my forms have this issue when the user clicks on the item in the gallery (from previous screen) the app shows the last record I oppened and after 0,5 seconds, loads the correct one. The gallery is based on a collection, due to delegation problem. And the gallery has this code on select property: Concurrent(Set(SPN;true);Set(teste;ThisItem.ID);EditForm(frm_datalhe_tutor));;Navigate(tl_tutores_detalhe;ScreenTransition.UnCover);;Set(SPN;false) SPN -> boolean, to show loading spiner teste -> Number, holds the ID to use in form In the form item property i have a simple lookup -> LookUp(tb_tutor;ID=teste) I tried adding the loading screen to hide this lag loadout, but it just doesnt appear at all. The app goes straight to the form screen (and then show for 0,5 seconds the last record....). I tried the bulit-in loading spinner, didnt help.. obs: I'm from brazil, so in the code, u have to replace : ; -> , ;; -> ;

@PowerAppsTutorial 2 жыл бұрын

I would recommend setting a variable to hold the currently selected item in the gallery, then set up the form to use that variable as the default. That would eliminate the need to do the lookup on the other screen. Instead of doing Set(teste;ThisItem.ID); Do this: Set(gblSelectedRecord, ThisItem); Alternatively, if you want to do the lookup on the 2nd screen, do the lookup in the Screen.OnVisible and put it in a varable and set up your spinner before and after. That works too. Good luck! 😀👍👍

@thesurferslife8947 2 жыл бұрын

@@PowerAppsTutorial I can't use ThisItem to hold the record it self. The gallery is based on a collection. And the form is conected to the sharepoint table. I tried, but I get error. The second tip didnt work to. I put on ONVISIBLE of the screen and got the same lag. I searched for some property like "after load" of the form to set the spinner off, but didnt find anything. Tks !!

@PowerAppsTutorial 2 жыл бұрын

@@thesurferslife8947 Ok, so Instead of doing Set(teste;ThisItem.ID); Do this: Set(gblSelectedRecord, LookUp(DataSource, ID = ThisItem.ID)); ...that should work. 😀👍

@thesurferslife8947 2 жыл бұрын

@@PowerAppsTutorial WOW, how I didn't thought about that hahah. It worked perfectly, thanks man! Keep up the good work, this channel is helping me a lot!!

@PowerAppsTutorial 2 жыл бұрын

@@thesurferslife8947 So glad to hear, man! 😀👍