Cost Calculator Builder
Item PageVideo TutorialsChangelogResources Get Started
  • Cost Calculator Builder Documentation
  • Getting Started
    • Free Version and Pro Version
    • System Requirements
    • Plugin Installation
    • License Activation
      • Upgrading the License
    • Update Billing Details and Access Invoices
    • License Utilization
    • Update The Plugin
    • Templates
    • Feature Request
  • Plugin Features
    • How to Create a Calculator
    • How to Manage Calculators
    • How to Add a Calculator to the Page
    • Calculator Appearance
    • Additional Classes
  • Cost Calculator Settings
    • Calculator Settings
      • Summary Block
      • Currency
      • Warning Texts
      • Confirmation Page
      • Order Form
      • Form Manager
      • Sticky Calculator
      • Woo Products
      • Woo Checkout
      • Payments
      • Webhooks
    • Global Settings
      • Currency (Global)
      • PDF Entries
      • Share Quote Form
      • Order Form (Global)
      • Email Template
      • Backup Settings
      • AI Formula
      • Captcha
      • Payments (Global)
      • Geolocation
  • Calculator Elements
    • General Overview
    • Text
    • Quantity
    • Validated form
    • Dropdown list
    • Image Dropdown (Pro feature)
    • Radio Select
    • Image Radio (Pro feature)
    • Switch Toggle
    • Checkbox
    • Image Checkbox (Pro feature)
    • Date Picker (Pro feature)
    • Time Picker (Pro feature)
    • Basic Slider
    • Multi Range (Pro feature)
    • File Upload (Pro feature)
      • How to Allow Additional File Types in WordPress
      • How to Increase Maximum File Upload Size in WordPress
    • HTML
    • Geolocation (Pro feature)
    • Line
    • Formula
      • AI Assistant (Pro feature)
    • Repeater (Pro feature)
    • Group Field (Pro feature)
    • Page Breaker (Pro feature)
  • Conditional System
    • Introduction
    • How to Create a Condition
    • Condition Options
    • Condition Actions
    • AND/OR Conditions
    • Condition Creating Example
  • Special Plugin Features
    • Orders
    • Discounts
    • Required Fields
    • Contact Form 7 Plugin
  • Payments
    • Settings
    • PayPal
    • Stripe
    • Razorpay
    • Cash Payment
  • Translating Cost Calculator Into a Different Language
    • Translation Basics
    • Translating Static Strings
    • Translating Calculator with WPML
    • FAQ
  • Develeoper's guide
    • Cost Calculator Hooks
      • Order Management
      • Contact Form
      • Confirmation Page
      • Email
  • Troubleshooting
    • Introduction
    • Plugin Conflicts
    • Theme Compatibility
    • Calculator is not loading
    • Cache Settings
    • Email not sending
    • Debug Logs
    • Submit a Support Ticket
  • Changelog
    • Release Notes
    • Changelog (Free Version)
    • Changelog (Pro Version)
  • Pre-built Calculators & Cases
    • Service Booking
    • Graphic Design
    • Loan Interest
    • Delivery Service
    • Renovation Company
    • Dental Services
    • Car Wash Company
    • Medical Services
    • Tuition Fees
    • Printing Services
    • Car Rental
    • Venue Rental Service
  • Advanced Topics
    • License Management
  • Stylemixthemes
    • Cost Calculator Builder WordPress Plugin
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Element Tab
  • Settings Tab
  • Add a measuring Unit

Was this helpful?

  1. Calculator Elements

Image Dropdown (Pro feature)

PreviousDropdown listNextRadio Select

Last updated 9 months ago

Was this helpful?

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.

Element Tab

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

Settings Tab

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 be filled or not

  • Round Value - Disable if you don't want to round value to the whole number in the total summary

  • 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

Type of Label in Total - Choose how to display the label in the 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.

Image Dropdown with and without values:

Show value in element (form) setting is ON

Show value in element (form) setting is OFF

Here is an example of filling the element fields:

This is the result of the Drop Down with Image element in the calculator form:

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.

Add a measuring Unit

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

  • 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

Hidden by Default - The element will be hidden by default. You can make it visible using .

Calculate hidden by default - If any case hides the element: via the Hidden by Default setting or hidden by some , the element's default value (if it is set) will be counted in the formula.

conditional system
condition
Add a measuring unit