cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
IMathur
Helper V
Helper V

how to rotate text in a button

Hi Folks,

 

I need to add a button in vertical form, but i can't find the option to rotate the text inside the button.

IMathur_0-1597304689877.png

please help

2 ACCEPTED SOLUTIONS

Accepted Solutions
eka24
Super User III
Super User III

I found this in one of usergroups using html control 

"<p style='margin:20;
transform: rotate(-90deg);position: relative;'>
Button55
</p>
"

https://www.powerappsug.com/communities/community-home/digestviewer/viewthread?MessageKey=aa4f68a2-f...

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

View solution in original post

Hi @IMathur :

Please try this :

"<p style='margin-top:100px;transform: rotate(-90deg);'><nobr><font color=white>feedback</font></nobr></p>"

Use "margin-top:100px;" to move the entire paragraph down 100PX

Best Regards,

Bof

 

 

View solution in original post

9 REPLIES 9
eka24
Super User III
Super User III

I found this in one of usergroups using html control 

"<p style='margin:20;
transform: rotate(-90deg);position: relative;'>
Button55
</p>
"

https://www.powerappsug.com/communities/community-home/digestviewer/viewthread?MessageKey=aa4f68a2-f...

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

View solution in original post

Hi @eka24, i am actually quite new to coding and these things, can you please tell how to use html control and where to add this code?
eka24
Super User III
Super User III

Watch this short video

https://youtu.be/xQIEFFfYhN4

After insert the HTML, replace the htmltext with the code I gave

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

Hi @IMathur :

Please try this :

Set the button's Text property to:

Concat(Split("Button",""),Result,Char(13))

1.JPG

Best Regards,

Bof

hi @eka24,

how can i bring this text in 1 line,

IMathur_0-1597388089982.png

 

below is the formula i used in Htmltext:

<p style='margin:20;text-align:center;
transform: rotate(-90deg);position: relative;'><b><font color=white>
Feedback</font></b>
</p>

 

Hi @v-bofeng-msft ,

Actually, i want text to also be rotated. 

Hi @IMathur :

Please try :

"<p style='transform: rotate(-90deg);'><nobr><font color=white>feedback</font></nobr></p>"

If you think this post is effective, please consider mark this post and @eka24 's solution as a solution at the same time to help others.

Best Regards,

Bof

hi,

i don't know why this text shifting to right be default. how do i handle this

IMathur_1-1597397418888.png

 

 

Hi @IMathur :

Please try this :

"<p style='margin-top:100px;transform: rotate(-90deg);'><nobr><font color=white>feedback</font></nobr></p>"

Use "margin-top:100px;" to move the entire paragraph down 100PX

Best Regards,

Bof

 

 

View solution in original post

Helpful resources

Announcements
PA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Power Query PA Forum 768x460.png

Check it out!

Did you know that you can visit the Power Query Forum in Power BI and now Power Apps

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

R2 (Green) 768 x 460px.png

Microsoft Dynamics 365 & Power Platform User Professionals

DynamicsCon is a FREE, 4 half-day virtual learning experience for 11,000+ Microsoft Business Application users and professionals.

Users online (2,080)