Skip to main content

align

sets the alignment of controls inside the control group

align?: FlexDirection;

Values:

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

Example

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