User Interface / Widgets / Color Pickers / Color Pickers Overview
In This Topic
    Color Pickers Overview
    In This Topic

    Color pickers are widgets that allow the user pick a color by modifying one or all of its components through a visual interface. Some color pickers lets the user pick a whole color value, while others allow him to modify only some of the components of a given base color (e.g. hue, luminance, etc.). NOV provides 3 types of color pickers:

     Color Box

    The Color Box is a drop down edit, which displays a Palette Color Picker in its popup window that allows the user to quickly select a color. See Color Box for more info.

     Color Bars

    Color bars are widgets that let the user select a single color component - like Hue or Luminance. All color bars share the following properties:

    • SelectedValue - the currently selected color component value. When the selected value changes the SelectedValueChanged event is fired.
    • Orientation - determines the orientation of the color bar. By default set to Vertical.
    • ValueSelectorExtendPercent - determines the extension of the value selector pointers, measured as a percent of the color bar width/height for vertical/horizontal color bars respectively. By default set to 30%.
    • UpdateWhileDragging - determines whether the selected value should be updated while the user drags the Value selector. If set to false the selected value is updated when the user releases the left mouse button. By default set to true.

    Examples of color bar widgets are:

     Color Pickers

    The color pickers let the user select a color completely, not only one or two components of it. All color pickers have a SelectedColor property, which can be used to get or set the currently selected color. When the value of this property changes, the SelectedColorChanged event is raised (the event is called SelectedIndexChanged in the case of a palette color picker). Examples of color pickers are:

    • Palette Color Picker - a color picker that lets the user select a color from a palette.
    • HSB Wheel Color Picker - a color picker that consists of a hue color wheel and a Saturation-Brightness triangle.
    • HSB Box Color Picker - a color picker that consists of a hue color bar and a Saturation-Brightness color picker.
    • SB Color Picker - a color picker that lets you pick the Saturation and Brithness of a color.
    • Advanced Color Picker - a color picker that aggregates Web Safe Palette, Named Colors and Custom Color Picker.