Toggle Button
The Toggle Button element allows you to put a single-value radio button to turn on/off.
In the Main Settings tab fundamental settings of the element can be configured.
The Toggle element contains the following attributes in the Main Settings 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.
- Show Currency Sign - Enable if you want to disable the currency symbol in the total summary.
- 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 in the total summary.
- 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.
The Styles tab is available in the Pro version of the plugin and there you can adjust the appearance of the field. The Toggle element contains the following attributes in the Styles tab:
- Style - For toggle options the "Default" and "Boxed with the description" view is available.
- Box style - When the "Default" style is selected, the toggle 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 toggle elements in the calculator which is being edited.
Boxed with the description
Vertical Default
Horizontal Default
The Toggle element contains the following attributes in the Options tab:
- Toggle Options - Add options with their values by clicking the Add Toggle Options button. You can add as many options as you need
The added toggle option values are only visible in the Grand Total part.
That means, when you give the value to your toggle element, you cannot see the value in your calculator, but you can see it in the total summary part which is logically correct.
We set the Allowed number of options to select to 2 to allow users to select only two options:
The result of the Toggle element in the calculator form:
Show in Grand Total enabled
Show in Grand Total disabled
The result of the Toggle element will be displayed in the total summary.
The result of the Toggle element will not be displayed in the total summary.