Image Dropdown (Pro feature)
The Image Dropdown element is similar to the existing Drop Down element. However, with this element, you can include a set of images for customers to choose from them.
Image Dropdown element settings will appear after you place the element into the calculator. The Image Dropdown element contains the following attributes in the Element tab:
- Name - Title of the element
- Description - Description of the element
- Option Label - Add options for users to choose from
- Values or Price - Add values (only numbers) to options
- Add New - You can add as many options as you need
- Image - You can upload images
- 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.
- Drop Down Options - Add options with their values and select images for them by clicking the Add Row 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 Drop Down Options
Image Dropdown element settings will appear after you place the element into the calculator. The Image Dropdown element contains 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 fill 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
- 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
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 Dropdown options.
Show Label without Value in Total - Displays the label of the Image Dropdown 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 Dropdown options and value will be included in Total Calculations.
Here is an example of filling the element fields:
This is the result of the Drop Down with Image element in the calculator form:
Show in Grand Total enabled
Show in Grand Total disabled
The result of the Image Drop-down element will be displayed in the total summary.
The result of the Image Drop-down element will not be displayed in the total summary.