# Changing UMG Button Shape - Custom UMG Button

**URL:** <https://forums.unrealengine.com/t/changing-umg-button-shape-custom-umg-button/1297632>\
**Category:** UI\
**Tags:** unreal-engine, Widget, Blueprint, question\
**Created:** [September 15, 2023, 7:01pm UTC](https://forums.unrealengine.com/t/changing-umg-button-shape-custom-umg-button/1297632 "2023-09-15T19:01:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![trug\_christian](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@trug\_christian](https://forums.unrealengine.com/u/trug_christian)\
**Post date:** [September 15, 2023, 7:01pm UTC](https://forums.unrealengine.com/t/changing-umg-button-shape-custom-umg-button/1297632/1 "2023-09-15T19:01:21Z")

</div>

I have looked around quite a bit and can’t find a great answer that will work for my case… I am trying to create a button like the image attached, but an image won’t work because it has to maintain its 45 degree angle corner. Stretching the image then warps the corners and can’t have that…Ideally this will be the “BaseWidget” used and can be stretched and applied to any size button and still maintain those angles. Any ideas on how to accomplish this?

 ![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/3/0/7/3070881e1729683916e4dbe81ec4f4b0212be1da.png)

---

<div class="post-metadata">

**Author:** ![SylarAtomic](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/sylaratomic/32/1194543_2.png) [@SylarAtomic](https://forums.unrealengine.com/u/SylarAtomic)\
**Post date:** [September 15, 2023, 7:53pm UTC](https://forums.unrealengine.com/t/changing-umg-button-shape-custom-umg-button/1297632/2 "2023-09-15T19:53:08Z")

</div>

Hi @trug_christian,

Welcome to the forums!

It sounds like you are looking for [9-slice scaling - Wikipedia](https://en.wikipedia.org/wiki/9-slice_scaling).

Here is a video that goes over how to do it. [YouTube](https://www.youtube.com/watch?v=nQWD6M6J7r8&t=74s)

Here is some more info in this post about it [9-slice scaling UMG image](https://forums.unrealengine.com/t/9-slice-scaling-umg-image/123231)

Hopefully this will solve your problem.

---

<div class="post-metadata">

**Author:** ![trug\_christian](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@trug\_christian](https://forums.unrealengine.com/u/trug_christian)\
**Post date:** [September 18, 2023, 5:07pm UTC](https://forums.unrealengine.com/t/changing-umg-button-shape-custom-umg-button/1297632/3 "2023-09-18T17:07:26Z")

</div>

@SylarAtomic Thanks so much for the quick response! I will check these out.