# \[UMG 4.7.1\] Draw as box &/or Border

**URL:** <https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531>\
**Category:** UI\
**Tags:** image, border, box, unreal-engine, scaling, question, UMG\
**Created:** [February 28, 2015, 6:57pm UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531 "2015-02-28T18:57:50Z")\
**Posts on this page:** 5\
**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:** [February 28, 2015, 6:57pm UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531/1 "2015-02-28T18:57:50Z")

</div>

I’m not sure if I’m creating my images incorrectly but it seems as if drawing as box or as a border is not creating the expected results. Below is the image I am using 512px^2:  
Its not actually a .jpg in game for some reason it didnt let me upload .png. The white space around the image is transparent.

 ![31598-border.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/d/b/3/db34ed4c4494388982f83395d4bc31bdf7d3cf15.jpeg)

The margins I am using are 0.5 for all as that is where the angles start and stop in the image. Here is the result when drawn as Box:

 ![31599-asbox.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/b/e/4/be487ec2abfd74f19ffed799e81e8dcf47a63d97.jpeg)

Here is what it looks like drawn as border:

 ![31600-asborder.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/a/a/6/aa67c9526fc8914109c8aff67013e7dd80f598f1.jpeg)

And for some reason when drawn as a border, it scales based on zoom. Zooming all the way in +10 it gives the closest result to what I would expect:

 ![31621-asborderzoomed.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/4/4/5/445205b380f35c5ad10d6e0a93ab74c4531acb03.jpeg)

---

<div class="post-metadata">

**Author:** ![Ignisor](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Ignisor](https://forums.unrealengine.com/u/Ignisor)\
**Post date:** [April 21, 2015, 6:09pm UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531/2 "2015-04-21T18:09:56Z")

</div>

Do you find solution?

---

<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:** [April 21, 2015, 7:22pm UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531/3 "2015-04-21T19:22:09Z")

</div>

I have not. I tried looking for the default textures of some items like the button to see what they looked like (if they were square or rectangle etc) but I could not find them.

---

<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, 3:25pm UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531/4 "2015-06-18T15:25:31Z")

</div>

I would like to bump this perhaps not for a solution but if someone has link to a “Best practices” when making these textures that would be very helpful.

---

<div class="post-metadata">

**Author:** ![Kas\_slim](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Kas\_slim](https://forums.unrealengine.com/u/Kas_slim)\
**Post date:** [April 15, 2018, 10:13am UTC](https://forums.unrealengine.com/t/umg-4-7-1-draw-as-box-or-border/308531/5 "2018-04-15T10:13:36Z")

</div>

Very strange behavior, this still seems to be an issue does anyone have updates on the issue? It’s quite annoying how hard using 9-slices is in this sytem.

Also @OpticalShadow I found [these UMG best practices](https://docs.unrealengine.com/en-us/Engine/UMG/UserGuide/BestPractices), I don’t think they will help but I’m linking them anyway.