Links

Checkbox

The Checkbox element allows you to add options for customers to choose several among them.

Main settings

The primary configuration options for the element can be modified in the Main Settings tab.
The Checkbox element contains the following attributes in the Main Settings tab:
  • Name - Title of the element.
  • Description - Description of the element.
  • Allowed max & min number of options to select - Ability to set the maximum and minimum number of available options to choose from.
  • Show Currency Sign - Enable if you want to disable default the currency sign.
  • Round Value Option - Enable if you want not to round value to the whole number.
  • Required - Defines whether the element will be required to fill or not.
  • Hidden by Default - The element will be hidden until a corresponding condition is met.
  • Show in Grand Total - Disable if you want to hide the element in Grand Total.
  • Additional Classes - Add extra classes to the HTML elements to further style changes.

Styles

The Styles tab is available in the Pro version of the plugin and there you can adjust the appearance of the field. The Checkbox element contains the following attributes in the Styles tab:
  • Style - For Checkbox options the following styles are available:
    • Style 1 - Default
    • Style 2 - Box
    • Style 3 - Box with the checkbox
    • Style 4 - Box with checkbox and description
    • Style 5 - Box with heading checkbox and description
  • Box style - Checkbox options can be aligned with "Vertical" and "Horizontal" views.

Vertical Box Style:

Style 1
Style 2
Style 3
Style 4
Style 5
The hint for options will be displayed as a description.
The hint for options will be displayed as a description.

Horizontal Box Style:

Style 1
Style 2
Style 3
Style 4
Style 5
The hint for options will be displayed as a description.
The hint for options will be displayed as a description.
  • Style preview - A preview of the selected style will be displayed.
  • Apply this toggle style to all toggle fields in this calculator - When the option is enabled selected style will be applied to all Checkbox elements in the calculator which is being edited.

Options

The Checkbox element contains the following attributes in the Options tab:
  • Checkbox Options - Add options with their values by clicking the Add New button. You can add as many options as you need.
Let's see the filled checkbox element with its result.
We set the 2 and 3 in Allowed max & min number of options to select to allow users to select a minimum of 2 and at least 3 options:
The result in the calculator form:
Show in Grand Total enabled
Show in Grand Total disabled
The result of the Checkbox element will be displayed in the total summary.
The result of the Checkbox element will not be displayed in the total summary.