5 / 11

Property: sort

Description:

Sort list items by string value or via drag and drop.

ul li {
    sort: drag;
    sort-container: 'myDragableList';
}

Plugins:

MoreCSS.effects.js (download section)
MoreCSS.sort.js (download section)

Applies to:

LI

Properties:

Name: Value: Details:
sort drag | standard | reverse | shuffle Sort modes: via drag and drop (drag) or list text (standard, reverse, shuffle).
sort-container class name CSS class of container element (list element, UL or OL).
sort-placeholder-class class name CSS class for a placeholder element during dragging.
sort-drag-class class name CSS class to add to the element during dragging.
drag-boundary id name CSS id of an element to use as boundary for dragging.

Examples:

Open: Demo Page

­