Web Multi-Select

Content Type: Widget
Categories: Utility

Overview

A customizable multi-select widget for Mendix web applications. It allows users to select multiple options, displays them as a comma-separated list, and supports validation, captions, and mandatory indicators.

Documentation

Features

  • ✅ Multi-select dropdown with user-friendly UI

  • ✅ Customizable placeholder text

  • ✅ Caption support for labeling input fields

  • ✅ Optional mandatory star indicator for required fields

  • ✅ Store selected values as comma-separated strings

  • ✅ Trigger onChange action for custom logic/events

  • ✅ Works with Mendix string attributes as the data source

 

Configuration Steps

  1. Drag and drop the WEB Multi Select widget onto your page.

  2. Configure the Caption and Placeholder as per your UI requirement.

  3. Bind the Data Source Attribute (displayAttr) to a String attribute containing JSON data.

    • Example JSON:

      '[    { "label": "India", "value": "India" },    { "label": "United States", "value": "US" },    { "label": "United Kingdom", "value": "UK" },    { "label": "Canada", "value": "CA" }]'

  4. Bind the Selected Values Attribute (selectedValues) to a String attribute where selected values will be stored (comma-separated).

  5. Optionally configure the On Change Action to run a nanoflow or microflow whenever selection changes.

  6. If required, enable Mandatory to display the red * indicator.

Releases

Version: 1.0.0
Framework Version: 9.17.1
Release Notes: A customizable multi-select widget for Mendix web applications. It allows users to select multiple options, displays them as a comma-separated list, and supports validation, captions, and mandatory indicators.