Skip to main content


returns an object with the available configuration attributes of the control

getProperties(): ISelectProps;


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


const form = new dhx.Form("form_container", {
rows: [
type: "select",
name: "select",
label: "select",
labelWidth: "50px",
options: [
value: "1",
content: "1",
disabled: true
value: "2",
content: "2"


// -> the returned object
errorMessage: "",
height: "content",
helpMessage: "",
hiddenLabel: false,
icon: "",
label: "select",
labelPosition: "top",
labelWidth: "50px",
padding: 0,
preMessage: "",
successMessage: "",
validation: undefined,
width: "200px"

The returned object of the Select control can contain the following configuration attributes:

validation(function) the validation function
icon(string) the name of an icon from the used icon font
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 Select control
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

Change log:

added in v7.0