Rotate property and/or Animate() function

[dtsiniavskyi]

It would be nice to have Rotate property, measured in degrees or radians, for Shapes, Icons and Images. It would open some possibilities for creating animations and combining shapes, creating more complex ones. As an example: without roration it is quite complex task to implement animated Refresh icon like on the screenshot below:

[audrieg]

I would also like to rotate shapes (an upside down triangle is an easy pointer).

I would like to be able to import my own shapes too.

Thank you,

Audrie

[mr-dang]

Bump. Rotation is a great idea for shapes and icons in particular. 

[Anonymous]

yes. Rotation would be great.

[mr-dang]

The latest version of PowerApps is able to rotate at increments of 90 degrees. It can also rotate a photo based on the embedded EXIF information.

[RS]

"The latest version of PowerApps is able to rotate at increments of 90 degrees."

Anybody know how? Can't find any such function in the interface.

[mr-dang]

Hi, Let me clarify--you can't rotate using a tilting motion on the corners like you would in Photoshop. The rotation is currently rudimentary since PowerApps seems to operate on a 2D grid. 

The rotation is located in the individual object's properties. Below you can see the new properties introduced to Image boxes:

[8BitWarrior]

This is diffinitely a step in the right direction, however I was hoping for 360 degree rotation control of images. 

Only having 90, 180, and 270 degree choices seems a little short sighted.

[MrNappa]

In the time since this idea was posted, Images and Icons have gotten a property for rotation (''ImageRotation" and "Rotation", respectively), but the shapes (like triangles etc) are still lacking a property for this.

I'd like to see it included!

[RAWilson]

For those of you still looking to rotate images I just developed a custom PowerApps Component Framework (PCF) control that will allow you to do just that.  If you have any feedback please post it as an issue on the GitHub repo.

 

This image component allows you to rotate an image to any degree unlike the Canvas image component which only allows 90, 180, or 270 degrees. Having full rotation of the image can allow you to build things such a compass or custom gauges/indicators for your application.

[Installation/Usage Instructions](https://github.com/rwilson504/PCFControls/blob/master/RotationalImage/README.md)
[Download](https://github.com/rwilson504/PCFControls/releases/latest/download/RotationalImageComponent_managed....)

[akmalakmal]

You can try write CSS-like in a HtmlText to create shapes. and rotate it.

"<div style='
position:relative;
top: 100px;
left:200px;
height:200px;
width:5px;
background-color: #9e00b1;
transform:rotate("&6*(Timer1.Value/1000)&"deg); // rotate this using Timer1.
'>
</div>"

=======

HalfCircle -bottomhalf.

"<div style='
height:"&Self.Height -1&"px; // you can put in HtmlText.Height=Self.Width/2
width:"&Self.Width -1&"px; // adjust the Width for bigger half circle
border-radius:0px 0px "& Self.Width/2 &"px "&Self.Width/2 &"px;
background-image: linear-gradient(to top, rgba(0,177,169,1), rgba(255,0,0,1));//gradient color
'></div>"