An easy way to change the style of your elements that extends beyond the default ones the Common UI provides.
*Ready to use, drag & drop
These are not Elements wrapped in a Widget Blueprint exposing some functionality one by one.
These are elements that extend the default ones allowing a TextBox for example to inherit the style from CommonUI Button Style while keeping full access to all the default properties.
This allows for easy changes to the style, some of the elements are based on others for example, changing ElementUI_Style_Btn_Primary will change the style for all of them, while these keep their respective colors.
Place the plugin folder in your game /Plugins/ folder
If binaries are not available for your engine version, use the source code and build the project.
Tip
Don't modify the plugin files, instead use inheritance (create child) where you can or copy
Search for ElementUI_ in your Blueprint Widget
Preview elements
In your blueprint widget, click an element and it will have a "Style" property that can be changed and allow only styles specific to that element.
Or to create a new one besides the Common UI Style, search for ELMT
See UMGELMTKit/Content/Interface/Style/
Prefix: ElementUI_
Elements that support the CommonUI Style pattern:
- Texts (11 Styles) *Use Common UI Text
- Buttons (7 Styles) *Parent + 6 (child) variants)
- Borders (2 Styles)
- TextBox
- CheckBox
- Combo
- ProgressBar
- Slider
Prefix: ElementUI_C_
Components are widget blueprints made with elements.
Alert Dialog
UMGELMTKit/Interface/Components/ElementUI_C_AlertDialog
CheckBox Label
UMGELMTKit/Interface/Components/ElementUI_C_CheckboxLabel
RadioGroup
UMGELMTKit/Interface/Components/ElementUI_C_RadioGroup
-
Custom DPI Scale that matches some desktop app behavior (see UMGELMTKit/Content/Interface/ElementUI_DPI_Curve)
-
3 Demo Widgets including this Email Dashboard inspired by shadcn:
