Sortable List

List layout which lets the user sort the elements with drag and drop.

This add-on provides a list layout which allows the user to sort elements with drag and drop.

Sample code

// Create the component.
SortableList list = new SortableList();

// Set the CSS selector for the draggable elements.
list.setDraggable(".list-bar");

// Add a listener which will be called when the user sorts the list.
list.addSortListener(sortEvent -> {
    // ...
});

// Add any components you'd like.
list.addComponent(new Label("1"));
list.addComponent(new Label("2"));
list.addComponent(new Label("3"));
list.addComponent(new Label("4"));

Links

• View on GitHub
• Issue tracker

Compatibility