Table of Content
Still need help?
Request support
Request Support
Help
 / 
Heading
 / 
Data Input Blocks
 / 

Single Selector

This article explains the features of the Single Selector block and how it can be used to design your app.

Single Selector

Use Cases

  1. Selecting ant one option from a pre-defined set of values.
  2. Making specific blocks appear as the user selects an option.

Editing the Block

Click on the block and configure it by editing on the right panel.

Single Selector
Single Selector

Label

The label is the name of the block that the end user sees in the app.

Example: Gender. 

Description

The description is the additional information provided to the end user which will be displayed below the input area.

Example: Select appropriately. 

This is how the Single selector block with the label and the description will look to the end user.

Default Value

This is the already selected option. End User can change and select their preferred option.

Options

Add the options for the end user to select. Add an option and click enter to add another.

Required

Enable this option if you want the user to compulsorily input the data. If enabled, the end user can submit if and only if the data is entered in this field.

Single Selector

Advanced Options

Use this option to show the advanced options to configure the single selector text block.

Style

Change the appearances of the options as Chips or Standard

Chips Preview

Single Selector

Standard Preview

Single Selector

Display this field if

Use this if you want to show or hide a field under certain conditions. It accepts the standard Clappia Formulae, similar to conditional sections.

  1. You can type ‘@’ to get a list of all the variables in the app and select variables.
  2. Using these variables you can write Excel-like formulae.

Example: When the end user inputs a name, you can show the Select Gender block.

Single Selector

Allow value to be changed after initial submission

This option is enabled by default. End users can edit and change the selected option after creating a submission. Disable it if you do not want the end users to change the selected option.

Help Video

FAQs
Can I view the options in columns?

Yes, you can. You will need to change the Style to 'Standard' in the Advanced section. It will then give an option to choose the number of columns you would like to separate your options into.

Can a default option be selected before a user makes a selection?

Yes, click on the 'default value' option in the single selector configuration panel and then select the option you would like to be automatically selected when the user opens the app.

Can there be duplicate text as options in the Single Selector?

No, an error message will appear in case there is a duplicate text entered in the option field. All options must be unique.

Can I set a dropdown's values based on date selection from another field?

Yes, you can configure a Dropdown, Single Selector, or Multiple Selector to display its values based on a date field selection. In the Advanced Options of the same block, under Display this field if, use the formula @DateField'sName followed by your condition. This way, the options in the selector will only appear when the specified date conditions are met, allowing you to control field visibility based on date selections.

Try our free plan
It will answer many more questions within just 15 minutes.