Directory

← Back

Sortable List

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

Author

Rating

Popularity

<100

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"));

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Initial release.

Released
2021-02-12
Maturity
EXPERIMENTAL
License
Apache License 2.0

Compatibility

Framework
Vaadin 8.8+
Browser
Firefox
Opera
Safari
Google Chrome
iOS Browser
Android Browser
Microsoft Edge

Sortable List - Vaadin Add-on Directory

List layout which lets the user sort the elements with drag and drop. Sortable List - Vaadin Add-on Directory
This add-on provides a list layout which allows the user to sort elements with drag and drop.
Online