Image Radio (Pro feature)
The Image Radio element is similar to the existing Radio button element. However, the element allows you to add radio button options with a set of images for customers to choose one among them.
The primary configuration options for the element can be modified in the Main Settings tab.
The Image Radio element contains the following attributes in the Main Settings tab:
- Name - Title of the element Element.
- Description - Description of the element.
- Show Currency Sign - Enable if you want to show the currency sign.
- Required - Defines whether the element will be required to fill or not.
- Round Value - Enable if you want not to round the value to the whole number.
- 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.
Show in Grand Total enabled
Show in Grand Total disabled
The result of the Image Radio element will be displayed in the total summary.
The result of the Image Radio element will not be displayed in the total summary.
- Additional Classes - Add extra classes to the HTML elements to further style changes.
The Styles tab is available in the Pro version of the plugin and there you can adjust the appearance of the field. The Image Radio element contains the following attributes in the Styles tab:
- Style - For Image Radio options the "Default" and "Box with icon" views are available.
- Box style - When the "Box with icon" style is selected, the Image Radio options can be aligned with "Vertical" and "Horizontal" views.
- 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 Image Radio elements in the calculator which is being edited.
Default
Box with icon Vertical
Box with icon Horizontal
When the "Box with icon" style is selected it is required to upload SVG icons instead of Images:
You can find all the necessary icons in SVG format on iconscout.com or other services. Find out more.
When the "Box with icon" style is selected it is required to upload SVG icons instead of Images:
You can find all the necessary icons in SVG format on iconscout.com or other services. Find out more.
The Image Radio Button element contains the following attributes in the Options tab:
- Radio Options - Add options with their values by clicking the Add Radio Options button. 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
Type of Label in Total - Choose how to display the label in the total:
Show Value
Show Label without Value in Total
Show Label with Value in Total
Show Value - Displays the values of the Image Radio options.
Show Label without Value in Total - Displays the label of the Radio options and value will not be included in Total Calculations. It is useful when the field is used to create conditions.
Show Label with Value in Total - Displays the label of the Image Radio options and the value will be included in Total Calculations.