Bootstrap dual listbox solution

DirectCode | November 29, 2018 | Bootstrap, Forms, HTML5, Libraries, UI | No Comments

Bootstrap dual listbox solution: “Bootstrap Dual Listbox”.

Use Bootstrap dual listbox easy

Bootstrap Dual Listbox is a responsive dual listbox widget optimized for Twitter Bootstrap. It works on all modern browsers and on touch devices.

The dual listbox is created from a select multiple by calling .bootstrapDualListbox(settings);

on a selector.

The selector can be any element, not just selects. When the method is called on a selector other than a select, then all select childs converted into dual list boxes. Wide options of configuration.

Sample code

var demo1 = $('.demo1').bootstrapDualListbox();
...

var demo2 = $('.demo2').bootstrapDualListbox({
  nonSelectedListLabel: 'Non-selected',
  selectedListLabel: 'Selected',
  preserveSelectionOnMove: 'moved',
  moveOnSelect: false,
  nonSelectedFilter: 'ion ([7-9]|[1][0-2])'
});

License: Apache 2.0

Homepage and examples

https://www.virtuosoft.eu/code/bootstrap-duallistbox

GitHub

https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox