Multiple Selector

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

‍

Multiple Selector Block is used for:

1. Selecting more than one option from a pre-defined set of values.
2. Making all the options visible to the users.

‍

Editing the Multiple Selector block

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

‍

Label

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

Example: Vendor Locations (Other than HQ). 

‍

Description

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

Example: Select locations from the list. 

‍

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

‍

‍

‍

‍

‍

‍

‍Style

Change the appearances of the options as Chips or Standard

‍

Chips Preview

‍

Standard Preview

‍

Number of Columns: Standard

In the Standard Style, you will get an option to display the options in custom number of columns.

Enable the Show advanced options and in that select the Number of Columns and configure accordingly.

‍

‍

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.

‍

Show Not Applicable Option

Enable this option for your users to allow them to select Not Applicable option.

‍

Show Advanced Options

Enable this option to show the advanced options to configure the Multiple selector text block.

‍

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 selects Yes as an option, you can show the Vendor Location (Other than HQ) block.

‍

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.

Example: If the end-user has selected 3 cities and created a submission, the end user can go to the submission and select 2 more cities.

‍

FAQ

Question: What is the variable value when I select multiple options?

Answer: If the end user has selected multiple options as shown below, then the final value of the variable comes as "HTML,Java,Tally

Hence the variable should be used as: