Skip to main content


sets the alignment of controls inside the control group

align?: FlexDirection;


"start", "center", "end", "between", "around", "evenly"


var form = new dhx.Form("form", {
css: "dhx_widget--bordered",
height: "200px",
width: "400px",
align: "end", // sets the alignment for rows
padding: "20px",
rows: [
type: "text",
name: "text",
value: "Do you agree with our terms and conditions?"
padding: "10px",
align: "start", // sets the alignment for cols
cols: [{
type: "checkbox",
width: "80px",
label: "I agree",
name: "agree",
id: "agree",
checked: true
type: "checkbox",
label: "I disagree",
name: "align",

Related Sample: Form. Alignment

Change log:

added in v6.4