multiselect-reactandmob
Reactive icon

Multiple Selection Dropdown (ReactAndMob)

Stable version 1.7.1 (Compatible with OutSystems 11)
Uploaded on 20 May (11 days ago) by 
4.5
 (11 ratings)
multiselect-reactandmob

Multiple Selection Dropdown (ReactAndMob)

Compatible with:
Created on OutSystems 11

Version 1.7.1

Stable
Current
See documentation
Application Package
Uploaded on 20 May (11 days ago) by Chris Stacey
Compatible with:
Version 11
11.9.2 or higher
11.7.6 to 11.9.0
11.0.528 to 11.0.615
Database:
All
Release notes:

Because of a problem with the Forge, you can't directly download this asset into Service Studio. It will download the demo instead. A customer support ticket is currently open with OutSystems.
In the meantime, the work-around is to use the "download asset" option, then install in Service Studio by opening the file from your machine.

Thanks for your patience while we wait for OutSystems to rectify this issue.

--------------------------------------------------------------------------------


Please Note: The project's name HAD to be shortened in the last version v1.6.2 (due to OutSystems changes)

--------------------------------------------------------------------------------


WARNING, IF UPGRADING VERSIONS

New features are enabled by default.

  • If you upgrade without making any changes, these features will appear
    • The number of items to be (de)selected when the "Select All" checkbox is toggled.
    • The number of items to be (de)selected when the "Select All Results" checkbox is toggled.


  • If you prefer your app to remain looking exactly the same
    After upgrading, for each MultiSelect_ReactAndMob widget, you must
    • Set Menu_AddSelectAllNumber = False
    • Set Menu_AddSelectAllSearchResultsNumber = False


Bugs Fixed

  • Fixed a bug where searching large lists (eg. normally, more than approx. 2,000 items) would not display some search results if they were too far down the list.

    Credit to @Pieter Swart for educating me on Outsystems' virtualization in this forum post.


New Features

  • Added UI option: append the number of items to be (de)selected, to the "Select All" label.
    For example, instead of "Select All", the label might be "Select All (500)".
  • Added UI option: append the number of items to be (de)selected, to the "Select All Results" label.
    For example, instead of "Select All Results", the label might be "Select All Results (42)".


Changes to demo

  • Added performance tests for large lists (up to ~100,000 items), so developers can experiment - without the effort of first creating a test.

Version 1.6.2

Stable
See documentation
Application Package
Uploaded on 13 October 2022 by Chris Stacey
Compatible with:
Version 11
11.9.2 or higher
11.7.6 to 11.9.0
11.0.528 to 11.0.615
Database:
All
Release notes:

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."

Version 1.6.1

Stable
See documentation
Application Package
Uploaded on 31 August 2022 by Chris Stacey
Compatible with:
Version 11
11.9.2 or higher
11.7.6 to 11.9.0
11.0.528 to 11.0.615
Database:
All
Release notes:

New Features

  • Added option: enable/disable the widget
    When MultiSelect_ReactAndMob parameter "IsEnabled=True", the widget functions normally.
    When MultiSelect_ReactAndMob parameter "IsEnabled=False"
    • User can open/close the dropdown menu (to view current selections), but cannot make changes.
    • The text and border of the dropdown bar are grayed out.
      (i.e. text in the stationary bar at the top, NOT the menu that drops down)
    • All checkboxes (and their labels) in the dropdown menu are grayed out.
    • The "Select All" and "Select All Results" checkboxes (and their labels) are removed (if they were present).
    • The Search Tool remains (if it was present), so the user can search the current selections.


  • Added behaviour: While all dropdown menu items have "IsEditable=False", the entire widget is disabled (as if "IsEnabled=False").


Appearance

  • Changed the text colour in the following placeholders from "--color-neutral-7" (default: light gray), to OutSystems default text colour "--color-neutral-9" (almost black)
    1. "NothingSelectedText" (default: "Please Select From List")
    2. "NotShowingSelectedItems_NothingSelectedText" (default: "Please select one of more items")
    The gray was too similar to the colour used to indicate the widget is disabled (--color-neutral-6).
  • Removed "color: var(--color-neutral-7);" from the CSS class "multi-select-react-and-mob-dropdown-bar-prompt" for the same reason.
    The CSS class will be kept in case anyone is overriding it.
  • Changed text colour of disabled menu items, so colour matches when the widget is disabled.
    For items with "IsEditable=False", their colour was OutSystems default text colour "--color-neutral-9" (almost black), but is now "--color-neutral-6" (default: light gray).


Service Studio

  • Bugs Fixed
    • Fixed a CSS bug accidentally introduced in the previous version.
      In Service Studio, the Placeholder "SelectAllCheckboxText" was partly obscured by the search bar.
  • Appearance
    • Added white background to icon, so the icon is easier to see when Service Studio has the dark theme applied.
    • Reduced the on-screen size of the widget by around 30%.
      All text and UI elements are now smaller.