UMG Style Classes

FBAM Studio - Jan 14, 2020

Stop creating buttons, sliders and other widgets over and over again. Use this plugin to build them based on style classes similar to how you know it from CSS.

  • Supported Platforms
  • Supported Engine Versions
    4.22 - 4.25
  • Download Type
    Engine Plugin
    This product contains a code plugin, complete with pre-built binaries and all its source code that integrates with Unreal Engine, which can be installed to an engine version of your choice then enabled on a per-project basis.

You probably know the pain of having to setup widgets like buttons over and over again within a project. That was actually the reason why I created this plugin which adds additional advanced widgets to the palette of UMG Blueprint Widgets. These additional widgets are based on special DataAssets which are used similar to CSS Style Classes. Meaning you define your Button-Style once in the DataAsset and then just assign the DataAsset to your Buttons / Sliders / ... to apply this style to them.

Following widgets are covered by this plugin:

  • Button
  • Text
  • Checkbox
  • Combo Box (Dropdown)
  • Editable Text Box
  • Editable Text
  • Input Key Selector
  • Multi-Line Editable Text Box
  • Multi-Line Editable Text
  • Progress-Bar
  • Slider
  • Spin-Box

Technical Details


  • Manage Widget Styles through Style Classes
  • Reuse existing styles for Buttons / Sliders / Dropdowns / ... with just a few clicks
  • The 12 most common Widgets are covered by this Plugin like Buttons and Sliders
  • Buttons are having advanced features for integrated label text so no additional text widget is required anymore


Code Modules:

  •  UIStyles (Runtime)

Number of Blueprints: 0

Number of C++ Classes: 24

Network Replicated: UI is Client-Only :)

Supported Development Platforms: Windows

Supported Target Build Platforms: Win32, Win64, Android, Linux, Oculus / VR

Documentation: UMGStyleClasses_Documentation.pdf