Modules
...
Forms V2
Elements

Dropdown

9min

A Dropdown menu is a list of choices that only appears in response to user interaction, such as clicking or lingering over the menu. Users can select any of the mentioned options by clicking on the Dropdown menu when it appears.

Element Details of Dropdown Menu
Element Details of Dropdown Menu
ο»Ώ

Fields DetailsΒ 

  • Variable Name: The variable that is used to identify the element is entered here.
  • Label Text: Label text is entered here.
  • Hint Text: This is used so that the user can better understand what the element is used for.
  • Default Value: This field is used to define the default value.
  • Upload Excel File: We can upload an Excel file for multiple options in the dropdown.

Option Details

  • Option display text: The text to be displayed for the option.
  • Option value: We put value for the mapping.
  • Add Icon or Emoji: Icons or emojis can be added as a prefix or suffix to the checkbox option(s) too to give visual appeal to the input elements. Whether an icon, emoji, or none has to be added can be chosen by selecting the radio button. It can be used from Google fonts and icons and also from other sources.
Adding Icon or Emoji to Dropdown Menu
Adding Icon or Emoji to Dropdown Menu
ο»Ώ

Prefilling Options

  • Prefill Page: The page from the flow that we want to pull the prefill data can be chosen.
  • Prefill Variable: The prefill variable can be chosen from the prefill page using this drop-down.
  • Prefill Page for Rule Variables: This option is used to choose the rule page for prefill items.
  • Enter variable name: This is used to enter the prefill rule page variable.

Choose when to enable variable

This is used to select when to enable the variable depending on the condition such as:

  • To enable when the current variable’s value exists.
  • To enable when the current variable’s value is defined.

Custom Integration Data Save Options

This option is used to enable or disable saving the complete JSON object

Toggle Buttons

  • Required: To enable whether to make the variable required or not.
  • Non-Editable: To enable whether to make the field input value non-editable or not.
  • Conditional Enable Disable: If the element is non-editable this feature will make it editable and if the element is editable this feature will make it non-editable based on the condition. Select the page and the variable on that page. Then choose from the conditions, i.e., 'When Above Variable's Value Exist's or 'When Above Variable's Value is', and choose the value of the variable for the second condition. So, when the value of the chosen variable on the selected page exists or has a certain defined value based on the condition, then this element, here, the dropdown menu can be enabled/disabled. (Note: This is not implemented yet in the RM app)
Conditional Enable Disable
Conditional Enable Disable
ο»Ώ
  • Allow Multi-Select Options: This toggle allows selecting multiple options from the dropdown menu.
  • Hide this field from the user: This toggle is given to enable the option to hide the selected field of the element from the user’s view.
  • ο»ΏHide fields from Backopsο»Ώ: This toggle when enabled hides the field from the backops user.
  • ο»ΏEnable backops users to editο»Ώ: This toggle enables backops users to edit the field and override the customer's input.

Select Appearance

The appearance of the dropdown menu can be customized by choosing the radio button from various options present. If nothing is selected here, the global settings will be applied. To override global settings for the particular field any one of the given options has to be selected. We can choose from the following options:

  • Default (with fixed label and without prefix and suffix)
  • Fill with outlined
  • Filled
  • Standard
  • Outline

The default variant does not have prefix or suffix options. All the other variants have the option to select prefix and suffix icons. The icon can be added by entering the name of the icon in the text box that appears on turning the toggle(s) on. The name of the icon can be found by clicking on 'Click here to find the icon name'

Document image
ο»Ώ

Getting help

Please feel free to contact us if you have any questions, require clarification, or have ideas for how to make the documents or any of our services better.

You can reach out to us at [email protected].

ο»Ώ