Skip to content
Creative Widgets
Creative Widgets
  • Knowledge
  • Blog
  • Pricing
  • Log In
  • Get Started

Fields

  • How To Configure Result
  • How To Configure Button
  • How To Configure List Component
  • How To Configure Checkbox And Radio Component
  • How Configure Text Component
  • How To Configure Image – PRO Feature
  • How To Configure Range Slider
  • How To Configure Numeric Input

Integrations

  • How To Embed Calculator Into WordPress

Account

  • How To Access Your Invoices And Receipts
  • How To Update Your Existing Plan
  • How To Cancel Your Subscription
  • Getting Started With Your Account

Tutorials

  • Building Calculator Tutorial: Cake Order Form Calculator
View Categories
  • Home
  • Knowledge Base
  • Fields
  • How To Configure Numeric Input

How To Configure Numeric Input

What Is Numeric Input Component? #

The numeric input field is a free number entry field to type any number. Let’s take a look at all the available options you can use to configure it.

Configuration Options #

Description & Subdescription #

Input a description for the numeric input field. Provide additional context or instructions regarding the purpose of the numeric input field.

Subdescription allows you to provide further details or clarification for end users.

Placeholder #

Display temporary text within the input field to guide users on the expected input format.

Prefix and Postfix #

Add text before and after the numeric input field value to provide more context or units. Note that text is displayed within the input field box and both prefix and postfix are limited to 10 characters.

Conditional Rendering Settings – PRO Feature #

Determines whether the numeric input should be displayed or hidden based on certain conditions. This is typically useful when you want to display field based on another field or result value. You can define the conditional settings by selecting a field from available list, then you need to select the operation, more, less, equals and finally value. Once you define the condition, then you can choose to either show or hide the current field.

Required Field #

Allows you to mark numeric input as required. When marked field as required user needs to fill it out before otherwise they will not be able to submit the form. You can also define an error message that will be displayed if field validation fails.

Decimal Spaces #

Determines the precision of numeric values entered into the input field. The maximum precision is 6 digits.

Thousand separator #

Enhances readability by separating groups of digits with commas.

Is this doc helpful?
Still stuck? How can we help?

How can we help?

Updated on April 3, 2024
How To Configure Range Slider
Table of Contents
  • What Is Numeric Input Component?
  • Configuration Options
    • Description & Subdescription
    • Placeholder
    • Prefix and Postfix
    • Conditional Rendering Settings - PRO Feature
    • Required Field
    • Decimal Spaces
    • Thousand separator
creative widgets logo

Contact

Creative Widgets Ltd
Stirling dr, Luton LU2 0GD

Contact Us

Connect

Links

  • Privacy Policy
  • Terms and Conditions
  • Cookie Policy
Consent Preferences

© 2025 Creative Widgets

  • Knowledge
  • Blog
  • Pricing
  • Log In
  • Get Started