cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Axal
Level: Powered On

Can we display image for some amount of time ? then hide it

Hi all,

 

Probably this is a stupid thing, I just want to display some GIF file in the second I click a button in my Apps. It'a a "fake" progress bar, which after some amount of time, lets say 5 second, I would like to hide again the GIF file.

 

Can we do that? or there is other way which more appropriate, but not difficult (coz I ain't developer)

 

Thanks,

 

1 ACCEPTED SOLUTION

Accepted Solutions
MrNappa
Level: Powered On

Re: Can we display image for some amount of time ? then hide it

It's not too difficult, you can use local variables and a Timer control.

 

Add the gif to your screen but set its 'Visible' property to a local variable, for example 'gifVisible'.
Add a timer control to your screen (Insert->Input->Timer) and set its 'AutoStart' property also to 'gifVisible' and the 'OnTimerEnd' to 'UpdateContext({ gifVisible: false })'.
In the OnSelect event of the button, use 'UpdateContext({ gifVisible: true })' to trigger everything: the update to the variable will cause the gif to become visible and the timer to start. And when the timer ends, it will update the variable again so the gif will be hidden.

 

That's the basic gist of it, at least.

View solution in original post

1 REPLY 1
MrNappa
Level: Powered On

Re: Can we display image for some amount of time ? then hide it

It's not too difficult, you can use local variables and a Timer control.

 

Add the gif to your screen but set its 'Visible' property to a local variable, for example 'gifVisible'.
Add a timer control to your screen (Insert->Input->Timer) and set its 'AutoStart' property also to 'gifVisible' and the 'OnTimerEnd' to 'UpdateContext({ gifVisible: false })'.
In the OnSelect event of the button, use 'UpdateContext({ gifVisible: true })' to trigger everything: the update to the variable will cause the gif to become visible and the timer to start. And when the timer ends, it will update the variable again so the gif will be hidden.

 

That's the basic gist of it, at least.

View solution in original post

Helpful resources

Announcements
Better Together’ Contest Finalists Announced!

'Better Together’ Contest Finalists Announced!

Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.

thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Join THE global Microsoft Power Platform event series

Attend for two days of expert-led learning and innovation on topics like AI and Analytics, powered by Dynamic Communities

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

thirdimage

Microsoft Business Applications Virtual Launch

Join us for the Microsoft Business Applications Virtual Launch Event on Thursday, April 2, 2020, at 8:00 AM PST.

thirdimage

Community Summit North America

Innovate, Collaborate, Grow - The top training and networking event across the globe for Microsoft Business Applications

Top Solution Authors
Top Kudoed Authors
Users online (8,592)