web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Rotate Text for ThisItem
Power Apps
Answered

Rotate Text for ThisItem

(0) ShareShare
ReportReport
Posted on 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:
I have the same question (3)
  • Mitanshu Profile Picture
    1,650 Moderator on at

    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.

  • AM1974 Profile Picture
    99 on at

    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

  • Verified answer
    Mitanshu Profile Picture
    1,650 Moderator on at

    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 at

    Brilliant. That worked. Thank you for your help.

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 711 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 319 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard