• The JavaScript Sortable List is in Beta Release

JavaScript Sortable List

JavaScript Sortable List The JavaScript Sortable List is a user interface element that allows users to sort and re-organize list items. It comes ready out of the box to support the most common HTML elements and features. With a powerful drag and drop support that allows multiple items to be dragged at once (in touch screens), sorting elements was never easier.

Features

  • Easy to use drag & drop (or buttons in the Lite version)
  • Works in any layouts (list, grid, column, etc...)
  • Support any level of nesting
  • Any number of drop targets and lists
  • Can sort more than one element in touch screens
  • Ready out of the box to support common HTML Elements.

Useful Links

Examples

Basic Sortable View Code
An example on how to create a basic sortable. This example uses the ng.UI and creates the sortable by class name (ng-sortable)
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Sed commodo scelerisque nisl. Integer in ante vehicula,
  • vehicula tortor a, auctor quam.
  • Curabitur lectus magna, congue non ipsum sed, convallis lobortis justo.
  • Mauris vitae lacus a massa rutrum ullamcorper.
  • Nulla posuere eget quam eget rutrum.
  • Etiam non orci sit amet quam tempor porta.
  • Donec eu libero nisi. Vivamus vitae justo imperdiet,
  • euismod erat a, elementum nunc.
Multiple Drop Targets View Code
This examples shows how to create multiple drop targets. This example uses JavaScript (HTML5 can be used too)
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Sed commodo scelerisque nisl. Integer in ante vehicula,
  • vehicula tortor a, auctor quam.
  • Curabitur lectus magna, congue non ipsum sed, convallis lobortis justo.
  • Mauris vitae lacus a massa rutrum ullamcorper.
  • Nulla posuere eget quam eget rutrum.
  • Etiam non orci sit amet quam tempor porta.
  • Donec eu libero nisi. Vivamus vitae justo imperdiet,
  • euismod erat a, elementum nunc.
Get the Code
Download the latest version:
Download
API & Docs
View the complete API documentations and examples:
API & Docs
Licensing
We offer two types of licenses, personal and commercial. Find out more.
Donate
We thrive on your donations. If our scripts has helped, please donate.