Display elements

Elements

The following elements can be displayed in the color control. The corresponding usage attributes (BoxUsage, ValuesUsage und SliderUsage) determine in each case whether the element is hidden (Hide) or displayed (ViewOnly) and whether a user can change the color with the help of this element (Editable).

Name	Position	Description
ColorBox	Left or top	This is a rectangular area where the current color is displayed. If the `BoxUsage` property is set to "Editable", clicking on the `ColorBox` opens a browser-specific dialog box for selecting the color. Depending on the browser, this may look like a separate window or an overlay, or it may show nothing. Since each browser controls the appearance and functionality of the dialog itself, we have no influence on it. For example, the color pipette takes a screenshot of the screen, so it doesn't work with changing images. Further information can be found in chapter Color boxes in different browsers.
ColorValues	Center	This area includes text fields for viewing and editing the color values stored in the control. The number of value elements and their text color are taken from the property ColorChannels.
ColorSliders	Right or bottom	This area includes linear sliders corresponding to ColorValues.

Name

Position

Description

ColorBox

Left or top

This is a rectangular area where the current color is displayed. If the BoxUsage property is set to "Editable", clicking on the ColorBox opens a browser-specific dialog box for selecting the color. Depending on the browser, this may look like a separate window or an overlay, or it may show nothing.

Since each browser controls the appearance and functionality of the dialog itself, we have no influence on it.

For example, the color pipette takes a screenshot of the screen, so it doesn't work with changing images. Further information can be found in chapter Color boxes in different browsers.

ColorValues

Center

This area includes text fields for viewing and editing the color values stored in the control. The number of value elements and their text color are taken from the property ColorChannels.

ColorSliders

Right or bottom

This area includes linear sliders corresponding to ColorValues.

Arrangement

The arrangement of the display elements depends on the Orientation attribute. "Horizontal" places the elements next to each other and "Vertical" places them on top of each other. Depending on the orientation, the attributes BoxSize and ValuesSize define the width or height of the respective elements. The width or height of the slider automatically corresponds to the rest of the available space.

Notice

Small sizes

If the control is very small in the selected orientation, it may not be possible to display all elements completely and correctly. This mainly affects the sliders. Above a certain size, a warning is displayed in the JavaScript console that the size may affect the function of the control.

Number

The number of displayed color values and sliders always corresponds to the number of channels in the set color format. The color format is set by means of the ColorChannels attribute.

Text

The text boxes for the color values can be customized via various font properties using Themed Resources in the theme editor.

Further Information

Color boxes in different browsers