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
  • Styles Tab
  • Settings Tab
  • Add a measuring Unit
  • Example of Using Checkbox Element

Was this helpful?

  1. Calculator Elements

Checkbox

PreviousSwitch ToggleNextImage Checkbox (Pro feature)

Last updated 9 months ago

Was this helpful?

The Checkbox element allows you to add options for customers to choose several among them.

Element Tab

The primary configuration options for the element can be modified in the Element tab. The Checkbox 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

  • Hint - Add hint to options so your users know more about the option

  • Default Values - Add default options to the calculator

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 Checkbox element has the following attributes in the Styles tab:

  1. Style - For Checkbox options the following styles are available:

  • Default

  • Box

  • Box with the checkbox

  • Box with checkbox and description

  • Box with heading checkbox and description

  1. Box style - Checkbox options can be aligned with "Vertical" and "Horizontal" views.

Vertical Box Style:

The hint for options will be displayed as a description.

The hint for options will be displayed as a description.

Horizontal Box Style:

The hint for options will be displayed as a description.

The hint for options will be displayed as a description.

  1. Style preview - A preview of the selected style will be displayed.

  2. Apply this checkbox style to all checkbox fields in this calculator - When the option is enabled selected style will be applied to all Checkbox elements in the calculator which is being edited.

Settings Tab

The Checkbox element contains the following attributes in the Styles tab:

  • Currency Sign - Enable if you want to set another currency sign.

  • Round Value - Enable if you want not to round the value to the whole number.

  • Required - Defines whether the element will be required to fill or not.

  • Show in Grand Total - Disable if you want to hide the element in Grand Total.

  • Allowed max & min number of options to select - Ability to set the maximum and minimum number of available options to choose from.

  • Additional Classes - Add extra classes to the HTML elements to further style changes.

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

Example of Using Checkbox Element

Let’s see an example of the Checkbox element in the Cleaning Company Template.

How it looks on the user’s page:

Hidden by Default - The element will be hidden until a corresponding is met. If the element is hidden, its default value will be counted as '0' in the formula

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.

condition
condition
Add a measuring unit