Unreal Engine: Floating Widget

This widget lets you anchor UI elements to other related elements when using a scroll box.

Ideal to keep titles always visible when scrolling through content

Requirements: A parent Scroll Box

Compatibility: UE 4.26 to UE5 Latest

License: BSD 3-Clause License (free for any use)

We don't provide support or any guarantees on updates/bug fixes.

How it looks:

How to set up:

Before opening Unreal, drag BP_FloatingWidget.uasset into your project's content folder.

With UE and UMG open, drag BP_FloatingWidget to your desired location within the widget hierarchy. You can also create multiple floating widgets dynamically.

Populate the Floating and Background sections as you desire. The floating section will always be rendered on top of the background, even when you scroll.

On this example we added a few images to our background, but it can be any type of widget you want.

Finally, just call the Prepare function on all the floating widgets providing them with the parent scroll box — this lets the floating widgets do the calculation to keep always on top.

Profit!