Skip to main content
Community site session details

Community site session details

Session Id : 59c/rhkBw26k49Sj1EKgcP
Power Apps - Building Power Apps
Answered

Rotate Text for ThisItem

Like (0) ShareShare
ReportReport
Posted on 20 Jun 2024 14:48:42 by 99

Hi

 

How do I rotate the text for a ThisItem. I have a text label with the Text set to 

ThisItem.Status.Value
 
I want this to be rotated 90 degrees.
thanks
Andy
Categories:
  • AM1974 Profile Picture
    99 on 21 Jun 2024 at 11:49:57
    Re: Rotate Text for ThisItem

    Brilliant. That worked. Thank you for your help.

  • Verified answer
    Mitanshu Profile Picture
    1,635 Moderator on 21 Jun 2024 at 10:51:24
    Re: Rotate Text for ThisItem

    I have provided you concept for how to display text in a rotated manner. You need to adopt the concept for your specific use case by using string concatenation - similar to how I have done for the Round() function or for defining height and width in the code above.

     

    Nevertheless, pls try below:

    "<div
     style='
     text-align:center;
     position: absolute;
     left: " & -Round(
     (Self.Height - Self.Width) / 2,
     0
    ) & "px;
     top: " & Round(
     (Self.Height - Self.Width) / 2,
     0
    ) & "px;
     width: " & Self.Height & "px;
     height:" & Self.Width & "px;
     transform: rotate(270deg);
     '>
     
     " & ThisItem.Status

     

     

     

    happyume_0-1718967037328.png

     

    Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If this post or my previous reply was useful in other ways, please consider giving it Thumbs Up.

     

     

  • AM1974 Profile Picture
    99 on 21 Jun 2024 at 08:12:03
    Re: Rotate Text for ThisItem

    Hi. That works ok but how do it for the ThisItem code. I'm pulling data from a sharepoint list. The column in sharepoint is called Status so therefore i am using

     

    ThisItem.Status

  • Mitanshu Profile Picture
    1,635 Moderator on 20 Jun 2024 at 14:59:30
    Re: Rotate Text for ThisItem

    Instead of a label, you need HTMLText control

     

    happyume_0-1718895538730.png

     

    "<div
     style='
     text-align:center;
     position: absolute;
     left: " & -Round(
     (Self.Height - Self.Width) / 2,
     0
    ) & "px;
     top: " & Round(
     (Self.Height - Self.Width) / 2,
     0
    ) & "px;
     width: " & Self.Height & "px;
     height:" & Self.Width & "px;
     transform: rotate(270deg);
     '>
     
     Your Text goes here
     "

     

    Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If this post or my previous reply was useful in other ways, please consider giving it Thumbs Up.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 637 Most Valuable Professional

#2
stampcoin Profile Picture

stampcoin 570 Super User 2025 Season 2

#3
Power Apps 1919 Profile Picture

Power Apps 1919 473