Skip to content

Color Picker

The Color Picker widget in Emakin allows users to select a color from a palette based on Material Design colors. This widget is commonly used in form customization and UI settings.

Remarks

The selected color is stored in the XPath specified data model element.

Contrast Text Color Support

  • To ensure text readability on colored backgrounds, the widget automatically provides a contrast-compatible text color based on the selected color.
  • Setting Text Color Path:
    • Use the AltColorXPath property to specify where the contrast-compatible text color should be stored in the data model.

Color Palette

The color palette is based on the Material Design color system, providing a wide range of colors for selection.

Color Picker Palette

Example

1
2
3
4
<ColorPicker AltColorXPath="" XPath="">
    <Hints><![CDATA[]]></Hints>
    <Rules/>
</ColorPicker>