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
  • Example for Using Basic Slider Element

Was this helpful?

  1. Calculator Elements

Basic Slider

PreviousTime Picker (Pro feature)NextMulti Range (Pro feature)

Last updated 9 months ago

Was this helpful?

The Basic Slider element allows you to add a Basic Slider with start and end values.

Element Tab

The Basic Slider element has the following attributes in the Element tab:

  • Name - Title of the element

  • Description - Description of the element

  • Minimum Range Value - minimum value that Basic Slider Button can take

  • Maximum Range Value - maximum value that Basic Slider Button can take

  • Range Step - shows the step to grow the range

  • Range Unit - shows how many units the range can grow to

  • Range Default Value - the initially appeared number

  • Name of Value - You can put unit measures, such as kg(kilograms), gr(grams), m (meters), etc. You can also decide whether you want unit measures, for example, kg, to show on the right or left.

  • Multiply (cost per value) - Enable it if you want the value a user inputs to multiply for the cost.

Settings Tab

The Basic Slider element contains the following attributes in the Settings tab:

  • Currency Sign - Enable if you want to show the currency symbol in the total summary

  • Round Value - Enable if you want to round value to the whole number in the total summary

  • Hidden by Default - The element will be hidden by default.

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

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

  • 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 for Using Basic Slider Element

We will show an example of using a range element to calculate the ideal weight. The calculators will have fields to input age, height, gender and formulas. We will use a range element for users to choose their height.

Pay attention to the Maximum Range Value and Range Default Value. The Default Range Value cannot be higher than the Maximum Range Value.

That is how the calculator will look on the user page:

You can set up Multiply (cost per value) when you want the value a user inputs to multiply for the cost. For example, if you offer scooters for rent for 15 USD/ an hour. The values will multiply by 15 to calculate the fees for the rent.

That’s how it will look on the user’s page.

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
Add a measuring unit