Home » Demo » Option transfer

Option transfer

This example creates an optiontransfer widget

Example 1: simple optiontransfer widget


This is an optiontransfer widget with all the default options. Note: you can double-click on options to move them across.

Example 2: sorted optiontransfer widget


This is an optiontransfer widget that includes sorting. Note: by default, sorting ignores case.

Example 3: custom sorted optiontransfer widget


This is an optiontransfer widget that includes custom headings and custom sorting (in reverse).

Example 4: optiontransfer widget using optionFilter


This is an optiontransfer widget that uses the optionFilter to ensure that tarts and tartlets are not moved.

Example 5: optiontransfer widget from existing markup


This is an optiontransfer widget that is created from existing markup, and uses custom button labels.