Color Picker

Navigation:  Widget Designer > Widgets > Fader Controls >

Color Picker

Previous page Return to chapter overview Next page

The ColorPicker allows you to choose a RGB / CMY color and its brightness. The values of this RGB / CMY color can be transferred to the Color FX faders on a layer in Pandoras Box.


To create a ColorPicker widget choose "Widgets > Faders > ColorPicker". The mouse cursor changes to a crosshair icon, indicating the create mode. With a left-click anywhere on the empty main background window you add the selected widget to the current page. Left-click again if you like to add one more. To quit the create mode, you can switch to the run mode with [F8], where you can use all widgets. Most widgets however need to be set up first.

To edit the ColorPicker parameter simply right-click on the ColorPicker control and choose the menu entry "Item Properties", press [ALT+P] whilst the mouse is hovering above it or double-click on it when being in the edit / move mode ([F9]).The ColorPicker property dialog opens up.



A unique name can be entered to identify the widget via the Object and Member Notation. The default name is based on the widget type and ID.


This drop-down offers all available pages to place the widget on.

The ColorPicker ’s ID may be changed by entering a new one in the text field top left. If you change it, you will be asked if you also want to adapt the name to the new ID.


A short note can be added here. It is not displayed outside the widget but can be set and retrieved with the WidgetID.Note property member.


Uncheck this box to hide the widget.

When the option “Fix” is checked, the ColorPicker will be displayed on every page.


Enter a pixel size for the ColorPicker 's size.

X and Y

Enter the location of the widget (upper left corner) in pixels

Enter single or multiple devices the ColorPicker should effect. Separate multiple devices with a space character (e.g.: "1.1 1.2 1.3")

Red / Green / Blue

The ColorPicker can send its RGB values directly to an FX in Pandoras Box. Just enter the name of the FX (as it is written in Pandoras Box) and the parameter name, i.e. the color, separated by a pipe symbol.


RGB Multiply|Red

RGB Multiply|Green

RGB Multiply|Blue

Ui Effects & Animations

CSS based effects and animations can be applied to this widget. Please refer to the topic Effects & Animations for more information.