messages

Object

<div id="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
  messages: {
    contrastRatio: "Contrast ratio",
    gradient: "Gradient view"
  }
});
</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="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    opacity: true,
    messages: {
        alpha: "Alpha channel"
    }
});
</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="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    messages: {
        blue: "Blue channel"
    }
});
</script>

messages.contrastRatio

String

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

Default: "Contrast ratio"

<div id="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    contrastTool: true,
    messages: {
        contrastRatio: "Color Contrast"
    }
});
</script>

messages.fail

String

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

Default: "Fail"

<div id="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    contrastTool: true,
    messages: {
        fail: "Does not meet contrast standards"
    }
});
</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="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    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="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    messages: {
        hex: "Hexadecimal value"
    }
});
</script>

messages.pass

String

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

Default: "Pass"

<div id="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    contrastTool: true,
    messages: {
        pass: "Meets contrast standards"
    }
});
</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="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    messages: {
        red: "Red channel"
    }
});
</script>

messages.toggleFormat

String

Allows customization of the toggle format button's title in the Gradient's input editor.

Default: "Toggle format"

<div id="colorgradient"></div>
<script>
$("#colorgradient").kendoColorGradient({
    input: true,
    messages: {
        toggleFormat: "Switch color format"
    }
});
</script>