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 Checkbox And Radio Component

How To Configure Checkbox And Radio Component

What Are Checkbox And Radio Components? #

Checkbox and radio components are essential elements of interactive forms, offering your users the ability to make selections from predefined options.

What is the difference between checkbox and radio?

Checkboxes allow users to select multiple options simultaneously, whereas radio buttons enable users to choose only one option from a set of alternatives.

Config Options #

Description and subdescription #

Define the description and sub description of the checkbox and radio. You can also mark the field as required, to enforce users to select the option before submitting the field.

Options Configuration #

Allows you to define the options available for selection. To add a new option you can use the + (plus) button next to the Add new option label. The option has two values

  • Option name – the user readable option name.
  • Value – numeric representation of the option that will be used in your calculations.

The minus sign next to the option removes given option.

Important note: When using checkboxes allowing multiple selections, the field’s value in the formula is determined by summing the values of the selected options. For instance, if a user selects Option 1 and Option 2, each with values of 1 and 2 respectively, the total value used in the calculation will be 3.

Conditional Render – PRO Feature #

Determines whether the component should be displayed or hidden based on certain condition of other fields. This is typically useful when you want to display field based on another field 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.

Field Orientation #

Allows you to specify the orientation of the checkbox or radio button options. We recommend using vertical orientation when you have lots of options to select from.

Label Position #

Allows you to specify the position of the labels relative to the checkboxes or radio buttons.

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

How can we help?

Updated on April 3, 2024
How To Configure List ComponentHow Configure Text Component
Table of Contents
  • What Are Checkbox And Radio Components?
  • Config Options
    • Description and subdescription
    • Options Configuration
  • Conditional Render - PRO Feature
    • Field Orientation
    • Label Position
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