Skip to main content


returns an object with the available configuration attributes of the control

getProperties(): object;


An object with the available attributes of the control and their values.


const form = new dhx.Form("form_container", {
rows: [
type: "colorpicker",
name: "colorpicker",
labelWidth: "200px",
label: "Choose your color"


The returned object of the ColorPicker control looks like:

customColors: [],
editable: false,
errorMessage: "",
grayShades: true,
height: "content",
helpMessage: "",
hiddenLabel: false,
icon: "",
label: "Choose your color",
labelPosition: "top",
labelWidth: "200px",
mode: "palette",
padding: 0,
palette: [Array(7), Array(7), ...],
placeholder: "",
preMessage: "",
required: false,
successMessage: "",
validation: undefined,
width: "content"

You will find the description of these properties here.

Change log:

added in v7.0