dual-list-multiselect

Dual List Multiselect

Stable version 1.0.1 (Compatible with OutSystems 11)
Published on 12 Aug by 
0.0
 (0 ratings)
dual-list-multiselect

Dual List Multiselect

Details
The Dual List Multiselect component has been created by Informed Group to make it easy to implement a common design pattern for list boxes: creating and maintaining a selection of items from a larger list.
Read more

The Dual List Multiselect component has been created by Informed Group to make it easy to implement a common design pattern for list boxes: creating and maintaining a selection of items from a larger list. It is implemented as a Block and thus valid for Reactive Web apps.

The list-box on the left shows the available items from a source and has been filtered to only show those items that are not yet selected and are still available.

The list-box on the right shows the already selected items. Initially this will be empty. 

The selection-buttons allow items to be moved either way between the two lists.

A single arrow (< or >) moves the selected items (one or more) to the other list. The double arrow moves all visible items regardless of the selection to the other list. Whenever you have a search text active, then it only moves those items that match that search (visible items).


The Dual List Multiselect component itself does not preserve data. On instantiation, it loads the list-boxes with data from the specified sources. On change, it returns a structured list for each list-box. 


A client action SplitLists is provided as a helper function to split a list on a condition. This action is not used in the tool itself, but it is a small and easy way to separate the data by the condition you have specified as boolean. 

What’s new (1.0.1)
  • Fixed a bug that made it impossible to move specific data from left to right.
  • Fixed a bug that you could not use the move all buttons.
  • Added a boolean to choose if you want the move all buttons on the screen.
Reviews (0)