Answered

Hourglass after doing an action

(0) Share

Report

Posted on by Community Power Pla... Microsoft Employee

Hello Guys

Is there a way to show a Hourglass icon after doing some action such as "submit a form", to present some interaction with the end user?

Categories:

Building Power Apps

I have the same question (0)

All responses (5)

Answers (2)

Sort by

myke_deabreu 220 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi ANdreVT,

Yes there is - However, sometimes some actions like Submit form could happen fairly quickly and wont allow enough time.

However, to do what you want:

1) Insert an Image that you want. (Some really cool ones here that can make your app look cool https://icons8.com/preloaders/)

2) Before your Action like SubmitForm. Set a varible to true.
##SET is a Global Varible and UpdateContext is just for the Screen##
(e.g. Set(var_showloading,true) or UpdateContext({var_showloading=true})

3) Then set the varible back to false.
(e.g. Set(var_showloading,false) or UpdateContext({var_showloading=false})

4) On your Image "Visible" function just put your varible name into the formula bar.
e.g. var_showloading

Just remember the image will only be visible for as long as it takes to execute your formula(s). If its really quick you may not see the image.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hello @myke_deabreu
After a couple of times, I kinda got it following your instructions, but once I just started last week working with PowerApps, i frequently got lost.
Here is the situation. I was able to steps 1 and 4. I got lost how to set up a Set a varible to true and after to set up a variable to false
Let me give more context:
In my case, after clicking on "Submit" icon, "I have set tup the "On Sucess" property in my form the following code #Notify("Data saved successfully", NotificationType.Success)#

To achieve what I am expecting rergading setps 2 and 3, Do I need to provide the code bellow
#Set(var_showloading,true);Set(var_showloading,false);Notify("Data saved successfully", NotificationType.Success)#

Thanks for the help

Was this reply helpful? Yes No
v-xida-msft Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!
Hi @Anonymous ,

Do you want to display a Pre-load icon after you submit form data?

Based on the needs that you mentioned, I think the Timer control could achieve your needs. Please take a try with the following workaround:

Add a Timer control within the Edit screen of your app, set the Duration property to following:

2000

Set the Start property to following:

IsStart

Set the OnTimerEnd property to following:

Set(var_showloading, false); Set(IsStart, false)

Set the Visible property of the Timer control to following:

false

Set the OnSuccess property of the Edit form to following:

Notify("Data saved successfully", NotificationType.Success);
Set(var_showloading, true);
Set(IsStart, true)

Set the Visible property of the Hourglass Icon to following:

var_showloading

Please take a try with above solution, then check if the issue is solved.

Best regards,

Was this reply helpful? Yes No
Verified answer

Community Power Pla... Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hello @v-xida-msft
It worked properly

Thanks a lot

Was this reply helpful? Yes No
Verified answer

v-xida-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

Hi @Anonymous ,

Is the solution I provided above helpful in your scenario?

If the solution I provided above helpful in your scenario, please consider go ahead to click "Accept as Solution" to identify my solution as helpful.

Best regards,

Was this reply helpful? Yes No