messagesObject
Allows customization of "Apply" / "Cancel" labels.
Example
<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
buttons: true,
messages: {
apply: "Update",
cancel: "Discard"
}
});
</script>messages.applyString
Allows customization of "Apply" label.
Example
<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
buttons: true,
messages: {
apply: "Update"
}
});
</script>messages.cancelString
Allows customization of "Cancel" label.
Example
<div id="flatpicker"></div>
<script>
$("#flatpicker").kendoFlatColorPicker({
buttons: true,
messages: {
cancel: "Discard"
}
});
</script>messages.clearColorString(default: "Clear color")
Allows customization of the Clear Color button label.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
clearColor: "Remove Color"
}
});
</script>messages.contrastRatioString(default: "Contrast ratio")
Allows customization of the "Contrast ratio" text in the contrast tool.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
contrastRatio: "Color Contrast Ratio"
}
});
</script>messages.failString(default: "Fail")
Allows customization of the "Fail" text in the contrast tool.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
fail: "Failed"
}
});
</script>messages.passString(default: "Pass")
Allows customization of the "Pass" text in the contrast tool.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
pass: "Passed"
}
});
</script>messages.gradientString(default: "Gradient view")
Allows customization of the Gradient view button.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
gradient: "Color Gradient"
}
});
</script>messages.paletteString(default: "Palette view")
Allows customization of the Palette view button.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
palette: "Color Palette"
}
});
</script>messages.toggleFormatString(default: "Toggle format")
Allows customization of the toggle format button's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
toggleFormat: "Switch Color Format"
}
});
</script>messages.redString(default: "Red")
Allows customization of the rgb's red input's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
red: "Red Channel"
}
});
</script>messages.greenString(default: "Green")
Allows customization of the rgb's green input's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
green: "Green Channel"
}
});
</script>messages.blueString(default: "Blue")
Allows customization of the rgb's blue input's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
blue: "Blue Channel"
}
});
</script>messages.alphaString(default: "Alpha")
Allows customization of the rgb's alpha input's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
alpha: "Transparency"
}
});
</script>messages.hexString(default: "HEX")
Allows customization of the hex input's aria-label in the Gradient's input editor.
Example
<div id="flatcolorpicker"></div>
<script>
$("#flatcolorpicker").kendoFlatColorPicker({
messages: {
hex: "Hexadecimal"
}
});
</script>