Image Checkbox (Pro feature)
Last updated
Last updated
The Image Checkbox element is similar to the existing Checkbox element. However, the element allows you to add radio button options with a set of images for customers to choose one among them.
In the Elements tab fundamental settings of the element can be configured. Image Checkbox element contains the following attributes in the Elements tab:
Name - Title of the element
Description - Description of the element
Allowed number of options to select - Ability to set the maximum number of available options to choose from.
Label - Add options for users to choose from
Value or Price - Add values (only numbers) to options
Image - You can upload images
Add New - You can add as many options as you need
Default Value - The default value field takes inputs after you add option values in Add Radio Options
The Styles tab is available in the Pro version of the plugin and there you can adjust the appearance of the field. The Image Checkbox element contains the following attributes in the Styles tab:
Style - For Image Checkbox options the "Default" and "Box with icon" views are available.
Box style - Image Radio options can be aligned with "Vertical" and "Horizontal" views.
Style preview - A preview of the selected style will be displayed.
Apply this image checkbox style to all image checkboxes in this calculator - When the option is enabled selected style will be applied to all Image Checkbox elements in the calculator which is being edited.
In the Settings tab fundamental settings of the element can be configured. The Image Checkbox element contains the following attributes in the Settings tab:
Currency Sign - Enable if you want to show the currency symbol in the total summary
Required - Defines whether the element will be required to be filled or not
Round Value - Disable if you don't want to round value to the whole number in the total summary
Show in Grand Total - Disable if you want to hide the element in Grand Total.
Show Value in Element (form) - enable the setting to show the element's value within the specified area inside the form.
Additional Classes - Add extra classes to the HTML elements to further style changes
The result in the calculator form with the Total Summary block:
The result of the Image Checkbox element will be displayed in the total summary.
This setting allows you to add a measuring unit (Ω, cm, kg, inch, etc.) to the field.
Unit Symbol - enter the unit symbol
Position - select the position where the symbol should be displayed relative to the number
Number of decimals - indicate the number of decimals in the fractional part
Decimal separator - select the symbol to separate fractional part
Image Checkbox with and without values:
Show value in element (form) setting is ON
1
Hidden by Default - The element will be hidden until a corresponding is met. If the element is hidden, its default value will be counted as '0' in the formula
Calculate hidden by default - If any case hides the element: via the Hidden by Default setting or hidden by some , the element's default value (if it is set) will be counted in the formula
Thousands separator - select the the symbol to