Two List Selection
Reordering of selected items
Sorting of selected items
Customizable appearance
Flexible styles customization
Specific client-side events

Components

Calendar
Chart
Confirmation
Data Table
Date Chooser
Drop Down Field
Dynamic Image
Folding Panel
Graphic Text
Hint Label
Popup Layer
Suggestion Field
Tab Set
Tabbed Pane
Tree Table
Two List Selection
Validation
General 
This page demonstrates the following features:
  • Items ordering and sorting - You can reorder selected items by using the Up and Down buttons on the right and sort them by clicking the header of the right-hand list box. Ordering and sorting can be disabled by selecting a corresponding option in the bottom TwoListSelection component.
  • Items selection - You can select and remove individual, multiple or all items. Use the bottom TwoListSelection component to enable/disable selection and removal of all items.
  • Changing labels of buttons and captions - All text labels of the buttons and captions can be changed by selecting a corresponding option in the bottom TwoListSelection component.
  • Styles customization - You can change the styles of the upper TwoListSelection component by selecting a corresponding option in the bottom TwoListComponent. Note that the Safari browser does not support customization of some styles for list boxes.

Click the Update button above the Tasks list to apply changes made in the upper TwoListSelection component.
Available Tasks 
Selected Tasks
 

Customization Options

Selecting items in this TwoListSelection component affects the appearance and capabilities of the upper TwoListSelection component.
Available Options 
Applied Options
Tasks
Task Name 2
Task Description 2
Task Name 5
Task Description 5