UMG Color Pickers

Documentation
Back to Product Page

Content description

After adding to project, you will find all Color Pickers content in a folder named ColorPickers This folder contains the following sub-folders:

  • Demo
  • Materials
  • SubComponents

All pickers widgets are located at the root of this folder.

Integration

To this day (V1.1.5), there are 7 Color Pickers widgets that you can use and integrate in your own widgets. All are located at the root of the main folder:

  • CP_ColorPicker_AllSliders
  • CP_ColorPicker_GradingWheel
  • CP_ColorPicker_HSVSliders
  • CP_ColorPicker_HueSlider
  • CP_ColorPicker_RGBSliders
  • CP_ColorPicker_ValueSlider
  • CP_ColorPicker_Wheel

In UMG Designer

Examples of integration in other widgets can be found in the Demo folder.

To integrate, look for UMG Color Pickers category in the UMG Palette:

Finding color pickers in UMG Palette

Then drag the picker you want to the widget hierarchy. You can customize the start color of your picker in the details panel :

Color pickers UMG options panel

1 event 'OnColorChanged' is also available to implement in the events section.

Color pickers events

In blueprint graph

A new color picker can be created in any blueprint graph by calling the create widget node and selecting one of the CP_ColorPicker_... classes:

Create Color pickers widget

Usage

The ColorPickers widgets come with a 'OnColorChanged' event dispatcher that you can use to get the currently selected color. This dispatcher returns the selected color as a LinearColor Structure

Bind event onColorChanged

Release Notes

  • V1.0 : Initial release
  • V1.1 : Added 3 new color pickers : use HSV sliders, RGB sliders or a combination of the 2 to pick a color.
  • V1.1.2 : 4.24 support
  • V1.1.3 : Bigger/Nicer selectors in color wheels and sliders.
  • V1.1.4 : Files Renaming to comply with marketplace naming rules.
  • V1.1.5 : Handle continuous drag after click in pickers
Back to Product Page