Skip to main content


Optional. Sets padding for content inside the control group

padding?: string | number;

Default value: "8px"


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

Change log:

added in v6.4