Dual List Multiselect

Stable Version 1.0.0 (Compatible with OutSystems 11)
Published on 7 Jul (3 weeks ago) by 
0.0
 (0 ratings)

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 items regardless of the selection to the other list.


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.0)
Reviews (0)