Transfer Field Type

This field type implements the Element Plus Transfer component and leverages SortableJS to provide a re-ordering feature for items in the list.

It's used across all fields that support multi-valued items, which are:

• Category Tracker Field
• Country Selector
• Multiselect Tracker Field
• Dynamic items list
• Items List and Item Link Tracker Fields
• User Selector

Development

• Initial code: https://gitlab.com/tikiwiki/tiki/-/merge_requests/5108
• Development ideas: Review all selectors and pickers

Usage

1. Related field options

The Transfer field type is accompanied by a set of field options that can be used to customize the behavior of the component:

Name	Description	Type	Default
Filterable	Render a search box allowing the user to filter items within the list	yes/no	no
Filter Placeholder	Placeholder text for the filter input	text	Enter keyword
Source List Title	Label for the left list	text	List
Target List Title	Label for the right list	text	Selected
Ordering	Enable the re-ordering feature of items in the list	yes/no	no

2. Example

Let's see an example using the Multiselect field.
We have to edit the field input type option to set it to Transfer.

Do not forget to specify the options of your multiselect field. 😉

That is it. We now get the following output in the form