Radio Select
The Radio Select element allows you to add radio button options to choose only one by filling in the fields given.
Element Tab
The Radio Select element has the following attributes in the Element tab:
Name - Title of the element Element.
Description - Description of the element.
Option Label - Add options for users to choose from
Value or Price - Add values (only numbers) to options
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.
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 Radio element has the following attributes in the Styles tab:
Style - For Radio options the "Default", "Box" and "Box with Radio Button" views are available.
Box style - 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 radio elements in the calculator which is being edited.
Vertical Box Style:
Horizontal Box Style:
Settings Tab
The Radio element has the following attributes in the Settings tab:
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.
Additional Classes - Add extra classes to the HTML elements to further style changes.
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 - Displays the values of the Radio options.
Added Radio Option values are only visible in the Total Summary part.
That means, when you give values to your radio element, you cannot see the value in your calculator, but you can see it in the total summary part which is logically correct. Let's check with an example:
The option value is changed in the total summary due to the service type. Please check this example below:
The result of the Radio Button element in the calculator form with the Golden delivery service:
The result of the Radio Button element will be displayed in the total summary.
Last updated
