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.

Element Tab

The primary configuration options for the element can be modified in the Element tab. The Image Radio element has the following attributes in the Element tab:

  • Name - Title of the element Element.

  • Description - Description of the element.

  • 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

  • Type of Label in Total - Choose how to display the label in the total

  • Show Value - Displays the values of the Radio options.

  • Label Only(No calculation)- Displays the label of the Radio options and the value will not be included in Total Calculations. It is useful when the field is used to create conditions.

  • Label Only(Calculation Value)- Displays the label of the Radio options and the value will be included in Total Calculations.

Show Value - Displays the values of the Image Radio options.

Styles Tab

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 radio style to all radio 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.

Settings Tab

The File Upload element has 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

  • Hidden by Default - The element will be hidden until a corresponding condition 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 condition, the element's default value (if it is set) will be counted in the formula.

  • 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 of the Image Radio element will be displayed in the total summary.

Add a measuring Unit

This setting allows you to add a measuring unit (Ω, cm, kg, inch, etc.) to the field.

Add a measuring unit
  • Unit Symbol - enter the unit symbol

  • Position - select the position where the symbol should be displayed relative to the number

  • Thousands separator - select the the symbol to

  • Number of decimals - indicate the number of decimals in the fractional part

  • Decimal separator - select the symbol to separate fractional part

Image Radio with and without values:

Show value in element (form) setting is ON

Last updated

Was this helpful?