messages

Object

<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
  buttons: true,
  messages: {
    apply: "Update",
    cancel: "Discard"
  }
});
</script>

messages.alpha

String

Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor.

Default: "Alpha"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        alpha: "Transparency"
    }
});
</script>

messages.apply

String

Allows customization of "Apply" label.

<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
  buttons: true,
  messages: {
    apply: "Update"
  }
});
</script>

messages.blue

String

Allows customization of the rgb's blue input's aria-label in the Gradient's input editor.

Default: "Blue"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        blue: "Blue Channel"
    }
});
</script>

messages.cancel

String

Allows customization of "Cancel" label.

<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
  buttons: true,
  messages: {
    cancel: "Discard"
  }
});
</script>

messages.clearColor

String

Allows customization of the Clear Color button label.

Default: "Clear color"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        clearColor: "Remove Color"
    }
});
</script>

messages.contrastRatio

String

Allows customization of the "Contrast ratio" text in the contrast tool.

Default: "Contrast ratio"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        contrastRatio: "Color Contrast Ratio"
    }
});
</script>

messages.fail

String

Allows customization of the "Fail" text in the contrast tool.

Default: "Fail"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        fail: "Failed"
    }
});
</script>

messages.gradient

String

Allows customization of the Gradient view button.

Default: "Gradient view"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        gradient: "Color Gradient"
    }
});
</script>

messages.green

String

Allows customization of the rgb's green input's aria-label in the Gradient's input editor.

Default: "Green"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        green: "Green Channel"
    }
});
</script>

messages.hex

String

Allows customization of the hex input's aria-label in the Gradient's input editor.

Default: "HEX"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        hex: "Hexadecimal"
    }
});
</script>

messages.palette

String

Allows customization of the Palette view button.

Default: "Palette view"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        palette: "Color Palette"
    }
});
</script>

messages.pass

String

Allows customization of the "Pass" text in the contrast tool.

Default: "Pass"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        pass: "Passed"
    }
});
</script>

messages.red

String

Allows customization of the rgb's red input's aria-label in the Gradient's input editor.

Default: "Red"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        red: "Red Channel"
    }
});
</script>

messages.toggleFormat

String

Allows customization of the toggle format button's aria-label in the Gradient's input editor.

Default: "Toggle format"

<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
    messages: {
        toggleFormat: "Switch Color Format"
    }
});
</script>