# \[BUG\]Umg Button draw as border

**URL:** <https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297>\
**Category:** UI\
**Tags:** border, unreal-engine, bug-report, question, UMG\
**Created:** [June 18, 2015, 7:03pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297 "2015-06-18T19:03:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![OpticalShadows](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@OpticalShadows](https://forums.unrealengine.com/u/OpticalShadows)\
**Post date:** [June 18, 2015, 7:03pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/1 "2015-06-18T19:03:15Z")

</div>

There seems to be some weird behavior when using DrawAs: Border with a UMG button as seen below. This is of course without a custom image set on the button.

 ![46913-umgbuttonbug.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/9/1/0/910ccbf4bad0f809d7b4d6d2d308f201ca94504f.jpeg)

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [June 18, 2015, 9:06pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/2 "2015-06-18T21:06:59Z")

</div>

Hello ,

I was able to reproduce this issue on our end. I have written up a report ( UE-17345) and I have submitted it to the developers for further consideration. I will provide updates with any pertinent information as it becomes available. Thank you for our time and information.

Make it a great day

---

<div class="post-metadata">

**Author:** ![Hobble](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Hobble](https://forums.unrealengine.com/u/Hobble)\
**Post date:** [October 12, 2016, 7:38am UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/3 "2016-10-12T07:38:59Z")

</div>

So this still seems to be an issue in 4.13, but also when using the new Sprite Sheets for UMG, I guess it stems from the same problem.

1. Get a Texture you want to use as a Sprite Sheet
2. Extract a Sprite from this.
3. Use the Sprite as an image for a UMG Image or Button etc.
4. Set the Draw As to Border.
5. Notice it uses entire image instead of just the portion extracted.

Please note ‘Box’ works as intended, I believe Border is supposed to work in the same way (Aside from the tiling instead of stretching and missing the middle). However Border is using the entire sprite sheet when it should only be using the extracted image.

Just wanted to bring this up again with 4.13, as it’s a bigger issue now when using the new sprite sheet for UMG feature.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [October 12, 2016, 1:24pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/4 "2016-10-12T13:24:01Z")

</div>

Hello Hobble,

I have provided a link to the public tracker. It appears that this issue has not yet been resolved. Please feel free to use the provided link for future updates. Thank you for your additional information and time.

Link: [Unreal Engine Issues and Bug Tracker (UE-17345)](https://issues.unrealengine.com/issue/UE-17345)

Make it a great day

---

<div class="post-metadata">

**Author:** ![Andrei\_Despinoiu](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Andrei\_Despinoiu](https://forums.unrealengine.com/u/Andrei_Despinoiu)\
**Post date:** [August 29, 2017, 7:25pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/5 "2017-08-29T19:25:56Z")

</div>

The issue is still present in UE 4.17.1.

Can you believe it’s been 2 years since this was reported? It was marked automatically as WNF since it was inactive, but still… You’d think someone over at Epic would’ve SEEN it by now.

 ![211555-screenshot.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/4/b/24b174f7a415d3e8bb3bcfddec722698bc5aa6aa.jpeg)

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_e729f54e](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_e729f54e](https://forums.unrealengine.com/u/anonymous_user_e729f54e)\
**Post date:** [August 29, 2017, 7:38pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/6 "2017-08-29T19:38:01Z")

</div>

I have reopened this issue due to renewed interest. You can use the same link to the public tracker for future updates.

Make it a great day

---

<div class="post-metadata">

**Author:** ![Saddty](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Saddty](https://forums.unrealengine.com/u/Saddty)\
**Post date:** [November 15, 2017, 4:24pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/7 "2017-11-15T16:24:58Z")

</div>

Hello there,  
I found a workaround for this bug. It is a little ugly but it does the job.  
I’ll let here the workaround for anyone else who encounters the same problem:  
instead of setting the border image to none, you can set the border image to a white image of 1px, and then you do your work as the image was set to none.  
If the appearance isn’t the same as the umg element where the bug is not present, you can use the margin for fixing the border dimension.  
For example, in my case i set the image to 1px and the margin to 0.5.

---

<div class="post-metadata">

**Author:** ![Syed1074](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Syed1074](https://forums.unrealengine.com/u/Syed1074)\
**Post date:** [January 5, 2019, 2:20pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/8 "2019-01-05T14:20:33Z")

</div>

I am having the same issue in 4.21

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_58fb0f69](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_58fb0f69](https://forums.unrealengine.com/u/anonymous_user_58fb0f69)\
**Post date:** [January 7, 2019, 4:52pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/9 "2019-01-07T16:52:04Z")

</div>

I’m also having the same issue in 4.21.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_248d5b72](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_248d5b72](https://forums.unrealengine.com/u/anonymous_user_248d5b72)\
**Post date:** [March 6, 2021, 11:21pm UTC](https://forums.unrealengine.com/t/bug-umg-button-draw-as-border/322297/10 "2021-03-06T23:21:06Z")

</div>

Hi there! I don’t know if you already found the solution to that, but I just modified the image to another one with the “UserInterface” selected and, after choose “Border”, is just adjust the “margin” to values between 0.001 and 0.009.
