# Scaling User Widgets

**URL:** <https://forums.unrealengine.com/t/scaling-user-widgets/786012>\
**Category:** Blueprint\
**Tags:** User-Interface, unreal-engine, Widget, Blueprint, question\
**Created:** [March 8, 2023, 1:33am UTC](https://forums.unrealengine.com/t/scaling-user-widgets/786012 "2023-03-08T01:33:46Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![SupportiveEntity](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@SupportiveEntity](https://forums.unrealengine.com/u/SupportiveEntity)\
**Post date:** [March 8, 2023, 3:47am UTC](https://forums.unrealengine.com/t/scaling-user-widgets/786012/2 "2023-03-08T03:47:26Z")

</div>

Hey there @Zapking9224! Looks like you want to use your UI elements in 9-Slice mode! I’ve got a thread and another resource that explains it!

**Disclaimer: One or more of these links are unaffiliated with Epic Games. Epic Games is not liable for anything that may occur outside of this Unreal Engine domain. Please exercise your best judgment when following links outside of the forums.**

> **[9-Slice control in UE4 – Indie Game Development in UE4](https://sgarces.com/?p=215)**

> [@9-slice scaling UMG image](https://forums.unrealengine.com/t/9-slice-scaling-umg-image/123231):
>
> I just recently discovered the 9-slice scaling feature in UE4, but I can’t seem to wrap my head around how to calculate the margins. For instance, take this simple image: [Button\_DefaultHovered.png] This image is originally 256x256. This image will be used as it is (1:1) but I intend to use this image for buttons as well. This is where the 9-slice scaling comes in handy. I want to button to look something like this: I tried messing around with the margins in UE4, but I can’t see…

---

_[View the full topic](https://forums.unrealengine.com/t/scaling-user-widgets/786012)._
