Multiple Selection Dropdown Widget (Reactive And Mobile)

Stable Version 1.3.1 (Compatible with OutSystems 11)
Published on 4 May by 
4.5
 (2 ratings)

Multiple Selection Dropdown Widget (Reactive And Mobile)

Details
Multiple selection dropdown widget (for Reactive Web and Mobile). Control menu height and width. Options to: display a list of user selections inside dropdown bar, display count of user selections inside dropdown bar, switch from list to count after n items are selected, add a 'select all' checkbox, return list containing only user selections, or entire list, choose whether menu stays open when user clicks on another MultiSelect_ReactAndMob menu. Metadata fields included to hold data related to menu but not shown.
Read More

Multiple selection dropdown menu widget for Reactive Web and Mobile

  • option to control dropdown menu width and height
  • option to display list of user selections inside the dropdown bar
  • option to display count of user selections inside the dropdown bar
  • option to switch from list of user selections to count of selections after n items are selected
  • option to display a 'select all' checkbox
  • option to return list containing user selected items only, or return whole list
  • option to keep menu open when user click away from menu
  • option to keep menu open only if user clicks on another MultiSelect_ReactAndMob menu
  • metadata fields to hold information related to the menu but not presented in the menu


Example use case for Metadata fields:

Often the data the user makes their selection on (eg. City Names) is different to the date the app actually needs (eg. Entity Ids, Postcodes, Country).

Using the metadata fields allows you to keep the related information with the user selections so when the list of selections is returned to the parent context it does not have to perform another Aggregate etc. to get the data it actually needs.


Many thanks to @Bram Verlinden, @Nuno Rodrigues for testing and feedback, and @Soren Staun for providing feedback and suggesting the count of selected items feature!

What’s new (1.3.1)

New Features

  • Added option: choose whether menu
    - closes when a new menu is opened (standard behaviour of regular HTML <select>)
    OR
    - stays open when another MultiSelect_ReactAndMob menu is opened (default)
Reviews (1)
2020-12-31
in version 1.0.5
Very easy to use.