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

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Border in HTML Text
Power Apps
Unanswered

Border in HTML Text

(0) ShareShare
ReportReport
Posted on by 353

Hi Community,

 

How can I add a border to HTML Text, so that the letters do not look so stuck to the right?.

 

Francisco77_0-1694457739438.png

 

 

Regards,

 

Francisco

Categories:
  • TheRobRush Profile Picture
    11,128 Moderator on at

    I think what you actually want is this, check your htmlText controls padding values

    TheRobRush_0-1694458135103.png

     

     

  • TheRobRush Profile Picture
    11,128 Moderator on at

    If you still want a border, wrap your block of text in 

    <p align=justify style='border: 1px solid black'>
    </p>
  • Francisco77 Profile Picture
    353 on at

    Thanks but this doesn't move the letters away from the scroll bar, it just changes the size of the text box.

  • TheRobRush Profile Picture
    11,128 Moderator on at
    <p align=justify style='border: 1px solid black; padding: 35px;'>
    
    </p>
  • Francisco77 Profile Picture
    353 on at

    With this I only manage to have a box at the top, what I need is to separate the right limit of text with the scroll

  • Michael E. Gernaey Profile Picture
    53,970 Super User 2026 Season 2 on at

    Hello,

     

    Unfortunately, this is an issue with the width of your HTML relative to the control. Depending on the controls size you may actually NOT have this issue, but in other cases, with lots of wrapping you will.

     

    So if you want to make it better than wrap your HTML in a div tag. 

     

    Like in my example. You can see that the characters are far from the scroll bar. 

    Note: you should really make the exact width (in my example its 300px) a variable and set that based on the width of the control itself - the size of the scroll bar width - whatever space you want before the scroll bar.

     

    if your app allows people to resize then when your control resizes it will look better, otherwise just hard code it like i did.

    FLMike_1-1694462010806.png

     


    Cheers
    If you like my answer, please Mark it as Resolved, and give it a thumbs up, so it can help others
    Thank You
    Michael Gernaey MCT | MCSE | Ex-Microsoft
    https://gernaeysoftware.com
    LinkedIn: https://www.linkedin.com/in/michaelgernaey

     

     

     

     

     

     

  • TheRobRush Profile Picture
    11,128 Moderator on at

    @Francisco77  can you show me what it looked like, just using padding liek i showed above should put padding above and on both sides, not just above? 

    TheRobRush_0-1694462368847.png

     

  • TheRobRush Profile Picture
    11,128 Moderator on at

    Can make it right side only like so, 

    <p align=justify style='border: 1px solid black; padding-right: 20px'>
    </p>

    TheRobRush_1-1694462462589.png

     

  • Francisco77 Profile Picture
    353 on at

    This is how it looks, the letters on the right side very close to the scroll.

     

    Regards,Francisco77_0-1694462887673.png

     

  • TheRobRush Profile Picture
    11,128 Moderator on at

    if that scroll bar is PART of the html text box then wrapping your text in the <p> code above will solve that. If that is the scroll bar of a control you placed the html text box INSIDE of then you need to make the html text boxs width something like Parent.Width *.8 and x to 0

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

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Leaderboard > Power Apps

#1
11manish Profile Picture

11manish 405 Super User 2026 Season 2

#2
Mohsin Ali Profile Picture

Mohsin Ali 368

#3
WarrenBelz Profile Picture

WarrenBelz 244 Most Valuable Professional

Last 30 days Overall leaderboard