The Radio Buttons or Single Choice question allows the selection of a single options.
If you have a lot of options you can use the Dropdown List to save space. If you need multiple options to be checked at the same time, you can change it with the Checkbox .
At least one option needs to be checked.
The title of the question. You can show the value of other questions by writing {{QA}}, {{QB}}, etc
Hide the question title.
A description text that goes after the question.
Display the options on the same line
Use images instead of radio boxes. You can upload images next to each option (pre-optimized images work best). Clicking on an image shows a green checked mark on the image.
If you need a description text for the options activate it here.
Each option has at least a Title and a Value. The value can be used in formulas. You can pre-check an option using the checkbox on it's left. Drag an option by the handle on the left side if you need to re-order them.
A question mark will show after the question with a tooltip text that you can set here.
If you want to send an email to the person submitting the calculator you can chose to show the value of each option in the email.
If you ticked "Show Values in Email Report" you can add a prefix to the values, like a currency symbol
If you ticked "Show Values in Email Report" you can add a suffix to the values
Set the visibility based on a formula called the Visibility Formula. If the Visibility Formula result is true, the question will be shown in the calculator, otherwise it will be hidden. This allows you to show the question only in certain conditions, for example when another question has a certain value.
All fields have the value zero when hidden, except for formulas, which keep the same value whether hidden or not.
Tick this box to set a custom value when hidden, or to keep the same value when hidden as when visible.
Most of the style settings are self-explanatory, but here are a few tips and tricks:
You can set the Question Text Color, Background Color, Help Text color, by using the color picker.
The colors use the Hexadecimal code.
If you want to reset a color just delete the value.
Tip: you can set a color to transparent by typing "transparent" in the color box.
You can set a width for the field (Full width, One half, One third or One fourth). This allows for multiple Questions to sit side by side. Note that on small screen sizes the questions will be reset to full width for usability purposes.
Set how the Question content is align. Inline will set the question title and the content on the same line.
The "Inline Position" setting helps position the Title and the Content:
The result of this formula will be added as an attribute to the ".ic-question" parent element of the field/question.
The attribute is called "formula-attribute", and you can then use it in CSS code to change the way the question looks based on the formula. For example, you could change the background color of the field/question based on a formula.
For example you could have the "CSS Attribute Formula" be:
Useful for custom CSS/Javascript code. This allows you to change how this particular question looks or works using custom coding.
When referenced in formulas like @RadioBoxField, it's value is the value of the checked option. If no option is checked, it's value is zero.
If you want to show the label of the checked option in a formula field, use the LABEL function:
LABEL(@RadioField)
You can concatenate them like this:
LABEL(@RadioField) & LABEL(@CheckboxField) & " Some other text here"
