This jQuery plugin allows you to display a list as a set of boxes that can be ordered and filtered as desired.
– filtering and sorting options available
– supports unlimited number of elements
– animation and CSS customizable
– boxes are href-able
Illustration by akselkreis
If you are looking for a lightweight jQuery plugin for complex two-way data binding in real time, jQuery.my might be the perfect solution.
Here are a few more features:
- jQuery.my recognizes standard HTML controls and complex composites created using rich UI plugins. Controls built with jQuery UI, Select2, CodeMirror, Ace, Redactor, CLeditor, jQuery Mobile are supported out of the box.
- jQuery.my provides comprehensive validation, conditional formatting, complex dependencies, runtime form structure manipulation. $.my forms can run nested, each jQuery.my instance can be a composite control for parent form.
- Syntax of $.my manifest is very simple, lean and unobtrusive. There exist specialized in-browser IDE for $.my apps authoring. This IDE is a built-in component of cloudwall.me system.
The result is a fully interactive set of tools, tables, curves and layouts that can work in a variety of applications. Check out the demo to see how it can work for you.
Drag and Drop is a full website and content management system back end with an included database. This plugin works with that system to create three options for using and displaying sortable lists with jQuery, CSS, mySQL, AJAX and PHP.
The first example populates the list from the database, allows you to sort the order, then allows you to save he list using ajax functionality so the page does not reload. In addition, there is a message box that shows the status of whether the boxes have been moved and not saved and whether changes have been implemented to the database.
The second example is a simple sort list that allows you to produce a list of varying length and apply a drag and drop feature.
The third example shows how the functionality can work across a multiple column format.
This tool works across a variety of platforms and includes support for touch devices and lets you save lists via a cookie session. Drag and Drop Sortable Lists is available from the Envato Market for $5. The license includes future updates and has been quality checked by Envato. Additional support is also available.
The tool comes with plenty of other nifty features as well, such as
- CSS animation when moving items
- Support for drag handles and selectable text
- Smart auto-scrolling
- Support for meteor, AngularJS, React and Polymer
- Supports any CSS library (such as Bootstrap)
- Has a simple API
- Allows dragging within a list or between lists
Sortable is packed with customization options as well including sorting, delay, filtering, ghost classes, fallbacks, and scrolling sensitivity and speed.
Sortable comes with plenty of documentation to help you get started and if you want to go the jQuery route, there’s support and documentation for that as well.
Turns a nested unordered list of links into a beautiful vertical sliding menu.
Makes your plain HTML lists super flexible, searchable, sortable and filterable!
Allows you to easily convert a long, hard to navigate list into a compact, easily skimmable ‘first-letter’ based menuing system.
This jQuery plugin enables simple and easy creation of an interactive “Featured Items” widget.
An easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. Easily styled with CSS.