Single Select Dropdown with search

Content Type: Widget
Categories: Utility,User Interface

Overview

The Single Select Dropdown Widget allows users to pick one value from a list of options with a searchable dropdown interface. It supports dynamic option loading, placeholders, required field indicator, and validation display. This widget is designed for Mendix web applications.

Documentation

Overview

The Single Select Dropdown Widget allows users to pick one value from a list of options with a searchable dropdown interface. It supports dynamic option loading, placeholders, required field indicator, and validation display. This widget is designed for Mendix web applications.

 

✨ Features

  • Single Selection Only – users can select only one option at a time.

  • Searchable Dropdown – built-in search box to filter options.

  • Dynamic Options – reads options from a JSON string attribute.

  • Preselected Values – auto-loads existing value from the data source.

  • Validation Support – shows validation messages and highlights the input box in red.

  • Required Field Indicator – displays a red * next to the caption if required.

  • Outside Click Close – automatically closes dropdown when clicking outside.

  • Customizable Caption & Placeholder – easy configuration from Mendix Studio.

📌 Example JSON for Options

 

[ { "label": "India", "value": "IN" }, { "label": "United States", "value": "US" }, { "label": "Germany", "value": "DE" }, { "label": "Japan", "value": "JP" } ]

Releases

Version: 1.0.0
Framework Version: 9.10.1
Release Notes: The Single Select Dropdown Widget allows users to pick one value from a list of options with a searchable dropdown interface. It supports dynamic option loading, placeholders, required field indicator, and validation display. This widget is designed for Mendix web applications.