DHTMLX Docs & Samples Explorer

Settings

Allows to override some default form settings for items (placed at the beginning of data block).
For example, attribute position. You'd like to place labels of several items to left. You can specify position:“label-left” for each item or just put this stuff into settings item once.
In case you specify the same attribute in settings and item: setting's value will be ignored.

Attributes

  • inputHeight - (integer or auto) sets the height of input. The default value is auto
  • inputWidth - (integer or auto) sets the width of input. The default value is auto
  • labelAlign - (left, right or center) the alignment of label within the defined width
  • labelHeight - (integer or auto) sets the height of label. The default value is auto
  • labelWidth - (integer or auto) sets the width of label. The default value is auto
  • noteWidth - (integer or auto) sets the width of the details block (which is placed under the input)
  • offsetLeft - (integer) sets the left relative offset of item (both input and label)
  • offsetTop - (integer) sets the top relative offset of item (both input and label)
  • position - (label-left, label-right, label-top or absolute) defines the position of label relative to input
var formData = [
		{type: "settings", position: "label-left", labelWidth: 120, inputWidth: 120, labelAlign: "right"},
		{type: "input", label: "Name", value: "John Smith", labelAlign: "left"},
		{type: "password", label: "Password", value: "123", labelAlign: "center"},
		{type: "select", label: "Session", options:[
			{value: "1", text: "Administration"},
			{value: "2", text: "Design"},
			{value: "3", text: "Manage Articles"}
		]}
];