cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Kudo Collector
Kudo Collector

Animate objects in PowerApss

Let's say I have a refresh icon in my app that looks something like this

Capture18.PNG

 

What i wanto to do is spin this image by 180 degrees OnSelect() in, lets say, 2 seconds. Is it possible to achieve within PowerApps? I know there is some kind of default loading animation - running dots in the top of the screen when long running process occurs, but I still would like to make something custom.

1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Community Champion
Community Champion

Re: Animate objects in PowerApss

A rotation property would be a good suggestion to add to the Ideas forum.

 

In the mean time, you could try this:

  1. Find or create an animated GIF with the desired rotation.
  2. Set the OnSelect property of the Image box to:
    UpdateContext({load: true});
    
    Refresh(datasource);
    
    UpdateContext({load: false})
    By default, the load variable is false.
  3. Set the Image property of your image box to:
    If(load, 
    
    [URL or name of GIF],
    
    [URL or name of static image])

 

How it works:

When you click the image, it will activate the load variable to be true.

The Image will change to the GIF if the load variable is true. It will remain the static image if the load variable is false. The GIF will only be shown while the Refresh is in progress. It will automatically revert to the static image upon completion.

Microsoft Employee
@8bitclassroom

View solution in original post

1 REPLY 1
Highlighted
Community Champion
Community Champion

Re: Animate objects in PowerApss

A rotation property would be a good suggestion to add to the Ideas forum.

 

In the mean time, you could try this:

  1. Find or create an animated GIF with the desired rotation.
  2. Set the OnSelect property of the Image box to:
    UpdateContext({load: true});
    
    Refresh(datasource);
    
    UpdateContext({load: false})
    By default, the load variable is false.
  3. Set the Image property of your image box to:
    If(load, 
    
    [URL or name of GIF],
    
    [URL or name of static image])

 

How it works:

When you click the image, it will activate the load variable to be true.

The Image will change to the GIF if the load variable is true. It will remain the static image if the load variable is false. The GIF will only be shown while the Refresh is in progress. It will automatically revert to the static image upon completion.

Microsoft Employee
@8bitclassroom

View solution in original post

Helpful resources

Announcements
secondImage

New Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

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