Label rotate

[JohnP]

It would be nice to be able to rotate the label control - like you can rotate the image control in increments of 90 degrees.

[Anonymous]

For some reason, I feel that this community is poorly managed. Or at least, the PA support staff doesn't really look over the ideas posted. (Just so they're listening, which I doubt. But feedback!) But hey, at least your idea is added to PA.

Reference: https://powerapps.microsoft.com/en-us/blog/updates-to-rules-panel-image-rotation-support-and-more/

[emmac]

Adding @FilipK for PA controls

Hey @JohnP @Anonymous, Thank you for your patience on this response. We try to respond to the awesome ideas, and don't always make it to all of them 😞 But please know we do consider and include these ideas when we go to plan what to tackle next to make PowerApps better for everyone. Appreciate this submission. 

[AnthonyPhan]

One work aroudn for this is to use a HTML text control and use inline css.

for example the HTMLText property can be set to:

"<p style='margin:0;
transform: rotate(-90deg);position: relative;'>
Hi This is Vertical Text!
</p>
"

[emily8787]

Anthony, Do you have any workaround ideas to do this on an icon?  

[AnthonyPhan]

I imaging the same approach of using HTML could be used to rotate an image (icon) 

<img id="image_canv" src="/image.png" class="rotate90">

You could drive the rotation using formula if needed.  

[emily8787]

Right I know the html code around it but where in power apps would I be able to put that with the built in icons/shapes they have? The html text box is a different type of box then a regular label box .. I don’t actually have the image loaded into PowerApps

Also FYI for images - there is a built-in functionality that allows rotation/mirroring

[AnthonyPhan]

another solution is to use the Image control and put dynamic svg image text. then set the ImageRotation property to "Rotate270"

Image:

"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Ctext x='80' y='30' font-size='20' text-anchor='middle' alignment-baseline='middle'%3E Pretty in the middle!%0A%3C/text%3E%3C/svg%3E%0A"

[krushton]

Would be nice if this were in increments of 45 degrees, or completely arbitrary. 90 degree rotations aren't as readable as 45 degrees, for example for column headings.