Toggle menu

Checkbox Group

Checkboxes let the user to select a number (or no) options from a limited number of choices. If you only want the user to pick one option, use a Radio Button Group or Drop-down List instead.

The submitted value for this field type is a single string with comma separated list of the selected checkbox values.

The List, Radio and Checkbox Fields knowledge base article has some examples of list and checkbox options being updated by other fields.

Properties

LabelDescriptionType Name
LabelThe label for this fieldLABEL
Show BorderWhether to show a border around this field or not. This property adds/removes a class on the field. The styling itself is controlled by the site's style sheetSHOWBORDER
Show LabelWhether to show the label for this field or not. This property adds/removes a class on the field's label element. The styling itself is controlled by the site's stylesheetSHOWLABEL
HintAdditional information displayed alongside the field to assist the user in completing it. The value of another field can be used by adding the field's name between # characters. See Common Field Properties for more informationHINT
MinimumThe minimum number of checkboxes that must be selected. By default no minimum is setMINREQUIRED
MaximumThe maximum number of checkboxes that may be selectedMAXREQUIRED
DefaultA default value for the field. Set a comma-separated list of the checkboxes (their values rather than display values) which should be selected by default. If the Select All option is chosen, all checkboxes will be selected by defaultDEFAULT
Error MessageThe error message that will be displayed if this field fails its validationERRMSG
Error Message FunctionA function that can be used to override the default error message. You can return a different message for each error type. The message can include the value of another field can be used by adding the field's name between # characters. See Error Message Functions for more information.

This field has the following error types:
 
  • MINREQUIRED - the minimum number required
  • MAXREQUIRED - the maximum number allowed
  • VALIDATIONFUNCTION - the result of a custom validation function failing (validation function can also return custom error types)
  • VALIDATION - guards against the values being manipulated
ERRMSGFUNC
SearchableWhether this field's value should be indexed by the search (the object collection if using the database save action and/or workflow process collection if starting a workflow process).

This property is ignored if an External Type is specified for the form. In this case, the ability to search is determined by the searchable property of the type itself.
SEARCHABLE
Display TypeDisplay the checkboxes either horizontally or vertically. Selecting horizontal may generate a confused layout, depending upon the length of the various Display Value options next to each checkboxTYPE
OptionsThe checkbox values to be displayed in the group. Use the popup editor to set the Value and Display values for each checkbox in the group. These values may be hard-coded (fixed) or dynamically loaded from a datasource.

Hard-coded values can be entered using the grid provided on the "Fixed" tab of the popup editor. Alternatively, they can be supplied as comma-separated values (value,display) via the "Fixed (CSV)" tab, with each row representing a single checkbox.

Dynamically loaded values are set via the "Datasource" tab of the popup editor. Typically, specifying the table, value, display and order by column names in the boxes provided will generate a suitable query. A custom query can be entered by expanding the "Advanced" section; it will use any names set in the above boxes to generate a starting query. This custom query should set the value into a "DataValue" column, and the display value into a "DataDisplay" column. For example:

SELECT ValueColName as DataValue, DisplayColName as DataDisplay FROM TableName ORDER BY OrderByColName ASC  
Note that as options are stored as a comma separated list, the values cannot have commas in them.
OPTIONS
Options FunctionA server-side JavaScript function that can manipulate the options list at the time the field HTML is generated This function will be executed server-side only.

For example the following will replace any fixed or database query options with 10 numbered options:

function (helper, optionData) {    
    optionData = [];    
    for (var i=1; i <= 10; i++) {
        optionData.push([i.toString(), "Option number " + i]);
    }    
    return optionData;
}
OPTIONSFUNC
Validation FunctionA JavaScript function that can be used to provide custom field validation whenever the field value changes or the form is submitted. This function will be executed client-side, provided JavaScript is enabled in the browser, and repeated server-sideVALFUNC
Default FunctionA JavaScript function you can use to calculate the starting field value. This function is executed server-side when the field HTML is generated. See Common Field Properties for an exampleDEFFUNC
HandlersA JavaScript function that is executed browser-side whenever the page loads or the field value changes. See Common Field Properties for an exampleHANDLERS
Read OnlyDisplay the field as read onlyREADONLY
ValidationThis property provides an extra level of validation by checking that the selected value(s) is one that was present in the field's optionData when the field was first generated.

None - No additional validation is performed

Validate - When the field is generated its options are saved in a server-side variable. The submitted value is checked against this list of options and will fail validation if not present
VALIDATION
Additional Styling ModifierAn optional CSS modifier for the field. See Common Field Properties for an exampleADDITIONALSTYLINGMODIFIER
DocumentationAdd documentation to your field to help explain any complex functionality to future users. You might include information on what the field does and how it relates to other fields on the form. Notes added here are only ever visible in the Forms Designer, they can be searched for, viewed and downloaded from the action panel. See Common Field Properties for an exampleDOCUMENTATION

Share this page

Facebook icon Twitter icon email icon

Print

print icon