DynaMic Transfer List

Stable Version 1.0.2 (OutSystems 11)
Published on 12 Nov (3 weeks ago) by 
Created on 12 Nov (3 weeks ago)

DynaMic Transfer List

Details
This is a simple Reactive Widget that allows the user to transfer an item from a source list to a target list. No additional button is needed. No server processing involved. All client actions.
Read More

There are three web blocks for this widget:

  1. List Block
  2. Transfer List Vertical
  3. Transfer List Horizontal

LIST BLOCK

This is the building block of this widget.  It contains the list of items to be selected.  Once the button is clicked, the item will be removed from the list.  However, the list and selected item will be returned on the triggered event which can be used on the other list.

Parameters:

  • In_ListOptions -- list of item structure to displayed on the block
  • In_OperationType -- option to change the button icon to either plus or minus
  •  In_ButtonSide -- option to place the button either on the left or right side of the item
  • In_SortBy -- option to sort the list by Title or Content
  • In_IsHoverEffect -- enable/disable animation when item is hovered.  This can be changed by overwriting .transfer-list-item css class.

Event:

  • OnItemClick -- this event is triggered every time the button is clicked. The current list and the selected item is returned.

Placeholders:

  • Header
  • Footer


TRANSFER LIST VERTICAL/HORIZONTAL

These web block makes use of two List Blocks fashioned in either verticial or horizontal manner.

Parameters:  same parameters with List Block except In_OperationType

Event:

  • OnItemClick  -- it works the same way with List Block.  However, the source and target lists are returned instead

Additional placeholders:

  • Header Options
  • Footer Options
  • Header Selected
  • Footer Selected
What’s new (1.0.2)

Fixed overlapping of web block to external containers when widgets are added to placeholders

Reviews (0)
Category
UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Michael de Guzman who created this component.
Dependencies
See all 1 dependencies
Requirements
Platform:
11.0.606.0
Database:
All
Stack:
.NET
Component Consumers
No consumers yet.
Weekly Downloads