Introduction

This article will show how to use the multi-select component and what options a Descoper can change to customize the user's choice and experience.

Screen Builder

Create a new screen inside a flow, and search for "Multi Select" you will find the regular multi-select component and the dynamic multi-select:

multi select component in Descope screen.

Options Overview

  • Context Key: Eventually, answers will be populated as a list inside a context key under form.
  • Label: The label will be presented to the customer right above the component.
  • Placeholder: A text that will be displayed inside the input component as a placeholder.
  • Values: For multi-select only, there are available values from which to choose.
  • Default Values: For multi-select only - what values will be submitted if the user doesn't enter any? It can also be empty values.
  • component: For multi-select only - what type of component would you like to use - Dropdown or Labels.
  • Maximum Values: The maximum number of values the component can accept. It can be left empty.
  • Direction: Text Direction (left to right/right to left).
  • Fill container: Stretch to fit the container.
  • Mandatory: Determines if the user must select a value to continue to the next step.

Usage

Once using the multi-select component and setting a context key, Descopers can use the user's selection in the flow as follows:

multi select example
multi select component in Descope screen.