Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Der XdevColorPicker ermöglicht die Bestimmung und Auswahl eines bestimmten Farbwertes. Dazu bietet der XdevColorPicker einen RGB- und einen HSV-Farbbereich sowie 4 verschiedene Farb-Musterpaletten (Swatches). Bei jeder Änderung des Farbwertes wird zudem der CSS-Code des selektierten Farbwertes angezeigt, z.B. #43c2ff. Über die API lässt sich bei Bedarf die gesamte Komponente individuell konfigurieren.

Image Removed

...

The XdevColorPicker enables you to determine and select a specific color value. The XdevColorPicker offers an RGB and an HSV color range as well as four different color swatches. When changing the color code, the CSS code of the selected color value is also displayed e.g. #43c2ff. The entire component can be configured individually using the API, if required.

Image Added

Important properties:
  • Include Page
    Property Caption
    Property Caption
  • Color - Default-Wert, der initial im XdevColorPicker angezeigt werden soll. Der Wert muss als RGB-Wert angegeben werden, z.B. 0,190,255.
Wichtige Events:
  • colorChanged - Wird ausgelöst, sobald ein neuer Farbwert ausgewählt wurde. 
Databinding:
  • Der XdevColorPicker ist keine Formularkomponente, es ist also kein Databinding möglich.
Examples:
  • Zuweisung eines Farbwertes Default value that is initially displayed in the XdevColorPicker. This value must be specified as an RGB code, e.g. 0.190.255.
Important events:
  • colorChanged - Is triggered as soon as a new color value has been selected. 
Data binding:
  • The XdevColorPicker is not a form component, thus data binding is not possible.
Examples:
  • Allocating a color value


Code Block
languagejava
themeConfluence
this.colorPicker.setColor(Color.RED);

oderor

Code Block
languagejava
themeConfluence
this.colorPicker.setColor(new Color(125, 150, 234));


  • Auslesen eines FarbwertesReading a color value


Code Block
languagejava
themeConfluence
final Color color = this.colorPicker.getColor();


  • Reset XdevColorPicker zurücksetzen - Setzten der Default-Farbe - Setting the default color


Code Block
languagejava
themeConfluence
this.colorPicker.setColor(Color.WHITE);

...


All XdevColorPicker

...

Methods