Multiple Selection Dropdown (ReactAndMob) - Overview

Give us feedback

Stable version 1.6.2 (Compatible with OutSystems 11)

Uploaded on 13 October 2022 by

Chris Stacey

4.4

(10 ratings)

Details

Multiple selection dropdown menu widget for Reactive Web and Mobile. All text is customisable. All text is optional, except the 'This list is empty' and 'No matches found' texts. Add your own metadata to each item in the dropdown menu (for easy access later, without re-fetching from the database). Options to: control dropdown menu width and height; display list of user selections inside the dropdown bar; display count of user selections inside the dropdown bar; switch from list of user selections to count of selections after n items are selected; choose - per item - whether user can edit the item (i.e. select/de-select); add a 'select all' checkbox; add a search tool; add a 'select all search results' checkbox; return list containing user selected items only, or return whole list; keep menu open when user click away from widget; keep menu open, but only when user clicks on another MultiSelect_ReactAndMob widget.

Multiple selection dropdown menu widget for Reactive Web and Mobile

all text is customisable
all text is optional, except the 'This list is empty' and 'No matches found' texts
add your own metadata to each item in the dropdown menu
(for easy access later, without re-fetching from the database)
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 choose, per item, whether user can edit the item (i.e. select/de-select)
option to add a 'select all' checkbox
option to add a search tool
option to add a 'select all search results' checkbox
option to return list containing user selected items only, or return whole list
option to keep menu open when user click away from widget
option to keep menu open, but only when user clicks on another MultiSelect_ReactAndMob widget

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!

Many thanks to @Michael111 for suggesting the user cannot edit item feature!

Release notes (1.6.2)

Changes to the Component's Name in the Forge

The project's name in the Forge has been shortened from
"Multiple Selection Dropdown Widget (Reactive And Mobile)" to
"Multiple Selection Dropdown (ReactAndMob)"
to fit the silent 44 character name limit OutSystems seems to have introduced to Forge components.

Service Studio App names must not exceed 50 characters.
After the Forge appends " -Demo" (6 chars) to the Demo's name, you have a 44 character limit.

This does change the project's URL on the Forge. I apologise for breaking your bookmarks.

When the app (forge component) and demo are downloaded from the forge, they are inheriting their name and description from the forge, not from the app as it was before uploading to the forge.
Service Studio seems to have a limit of 50 characters per app name, however, the forge does not impose the same, if any, limit!
I can't be sure, but I'm fairly confident this is a recent change.
I believe they used to take the name and description from the app being uploaded.

From the beginning, I deliberately made the forge name longer so it was less ambiguous.
My prior downloading and testing of the app went without issue (downloading and testing on different servers than the one it was created on).

https://www.outsystems.com/forums/discussion/82264/i-can-not-install-demo-multiple-selection-dropdown-widget/

Changes to Demo

Removed the login flow and any reference to GetUnifiedLoginURL, so people on slightly older Platform Versions (prior to circa. early 2022) can load the Demo again.

This issue effected the last couple of versions of the Demo.

When GetUnifiedLoginURL was introduced by OutSystems, it caused breaking changes which were not communicated (as far as I can work out).
https://www.outsystems.com/forums/discussion/75254/the-environment-doesnt-support-custom-tool-name-on-login-screen-upgrade-the-env/
For MultiSelect_ReactAndMob specifically, this caused an dependency issue (which the Forge does not pick up), preventing people from installing the Demo.

When trying to install the Demo...
The error message read "A problem has occurred while publishing the Application".
When more information was clicked, the message included "...Unknown Feature: The Custom Tool Name on Login Screen doesn't exist. Upgrade Platform Server and retry."

Reviews (7)

Pending

by David Ferreira

2022-11-30

in version 1.6.2

Really well done, works has intended and even the documentation/support is really good. Also it's easy to understand how is built in case you need to do some customizations.