const form = new dhx.Form("form_container", {
rows: [
{
id: "checkboxGroup",
type: "checkboxGroup",
name: "checkboxGroup",
required: true,
label: "Checkbox Group",
labelWidth: 140,
labelPosition: "left",
helpMessage: "Help information",
padding: "50px",
value: {
first: true,
},
options: {
padding: "50px",
rows: [
{
id: "first",
type: "checkbox",
text: "Select 1",
},
{
id: "second",
type: "checkbox",
text: "Select 2",
checked: true
}
]
}
}
]
});
form.getItem("checkboxGroup").getProperties();
form.getItem("checkboxGroup").getProperties("second");
The returned object of the CheckboxGroup control looks like:
{
css: "",
errorMessage: "",
height: "content",
helpMessage: "Help information",
hiddenLabel: false,
label: "Checkbox Group",
labelPosition: "left",
labelWidth: 140,
options: {...},
padding: 0,
preMessage: "",
required: true,
successMessage: "",
width: "content"
}
The returned object of a checkbox of the CheckboxGroup control looks like:
{
height: "content",
padding: 0,
text: "Select 2",
width: "content"
}
You will find the description of all these properties here.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4