Progress Telerik UI for ASP.NET MVC

Overview

The ListBox for ASP.NET MVC is a helper that displays a list of items. It allows multiple selection of items, reorder and transfer between two listboxes. Drag and drop is fully supported as well.

See the Telerik UI for ASP.NET MVC ListBox in action
Selection

The ListBox has a default single selection. In order to configure multiple selections you just need to add selectable: "multiple" to its settings. The selected items can be also reordered.
Connecting Multiple ListBox Widgets

You can connect the ListBox with another list-box and transfer items between them by dragging and dropping or through the Toolbar buttons.
Drag and Drop

Drag and Drop functionality is also provided out of the box. It can be used for transferring items between two ListBoxes or in case of a single ListBox it is used for reordering. The example below demonstrates how you could use the Drag & Drop.

See the ASP.NET MVC ListBox Drag and Drop demo
Item Templates

The ListBox supports the use of templates for its items that are passed as а function or a string.

See Demo
RTL Support

Right-to-left support is available for language scripts like Hebrew and Arabic, in which users read from right to left. You can satisfy any cultural preference with the ListBox component by toggling between left-to-right and right-to-left alignment with only a few settings.
Accessibility

The ListBox component is perfect for scenarios where accessibility is important for your application. The ListBox complies with Section 508 and WCAG guidelines, ensuring that individuals with disabilities can still view and interact with it.
Keyboard Navigation

The ASP.NET MVC ListBox component supports keyboard navigation out-of-the-box. Users can use the arrows in combination with the Ctrl and Shift buttons to select preferred items from the list.

See Demo
ListBox Theming

The ASP.NET MVC ListBox is part of the Telerik UI for ASP.NET MVC suite, which comes with 20+ built-in themes and swatches you can choose from. Explore the Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (for seamless integration with Bootstrap) themes and choose the swatch that best meets your design requirements. If neither of the available themes and swatches satisfies your needs, you can easily customize them with a few lines of CSS or create new themes by using the Progress SASS ThemeBuilder application.