Blazor ListBox Example - Dual ListBox Configuration

ListBox / Dual ListBox

This sample demonstrates the functionalities of the dual listbox. Select an item from Group A and click the MoveTo button to move the item from Group A to Group B.

Loading Syncfusion Blazor Server Demos…

Group A

Group B

The dual listbox allows the user to move items between two listboxes. A dual listbox can be created by configuring the ListBoxToolbarSettings property along with the Scope property. The supported operations are:

  • Move Up - Moves the selected item in the upward direction.
  • Move Down - Moves the selected item in the downward direction.
  • Move To - Moves the selected item to the Group B listbox.
  • Move From - Moves the selected item from the Group B listbox to Group A.
  • Move All To - Moves all the items to the Group B listbox.
  • Move All From - Moves all the items from the Group B listbox to Group A.

More information about the dual listbox functionalities of the Blazor ListBox component can be found in the documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE