Skip to main content

Colorpicker properties

type(string) the type of a control, set it to "colorpicker"
name(string) the name of a control
id(string) the id of a control, auto-generated if not set
value(string) the value of a colorpicker
validation(function) the validation function, takes as a parameter the value to validate and returns true/false to indicate the result of validation
width(string, number, "content") the width of a control
height(string, number, "content") the height of a control
padding(string, number) sets padding between a cell and a border of the ColorPicker control
css(string) adds style classes to a control
icon(string) the name of an icon from the used icon font
placeholder(string) a tip for the input
editable(boolean) allows a user to enter the value of the control manually
disabled(boolean) defines whether a control is enabled (false) or disabled (true)
required(boolean) defines whether a control is required
hidden(boolean) defines whether a control is hidden
label(string) specifies a label for a control
labelWidth(string, number) sets the width of the label of a control
hiddenLabel(boolean) invisible label that will be used to identify the input on the server side
labelPosition(string) defines the position of a label: "left"|"top"
helpMessage(string) adds a help message to a control
preMessage(string) a message that contains instructions for interacting with the control
successMessage(string) a message that appears in case of successful validation of the control value
errorMessage(string) a message that appears in case of error during validation of the control value
mode(string) the mode of a control: "palette" (default), "picker"
palette(array) contains arrays of colors you want to be shown in a colorpicker
paletteOnly(boolean) defines whether ColorPicker is shown only the palette mode
pickerOnly(boolean) defines whether ColorPicker is shown only the picker mode
customColors(array) shows a section with custom colors in the bottom part of the ColorPicker
grayShades(boolean) defines whether the section with gray shades is displayed in the palette