Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update

DoubleList JS UI Control

DoubleList is a control that implements an intuitive way of selecting items. As the name implies, it consists of two lists. The right list contains available items. The left list contains items
selected by a user.

DoubleList Key Features

Item selection in DoubleList

Item selection can be performed in different ways. Users can drag a particular item from one list to another. A double click on the item will work as well. And finally, users can click one of the available buttons that are intended for moving a single item or all the items at once from one list to another.

Custom buttons for DoubleList

The buttons of this control can be customized if needed. You can use one of the available approaches. There's a possibility to use HTML code that will define the appearanece of your buttons. You can also hide the default buttons and specify the custom method of selecting.

DoubleList – Part of Webix UI Library

Get a 30-day free trial to test DoubleList along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.

DoubleList – Part of Webix UI Library

Get a 30-day free trial to test DoubleList along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.