Color schemes

More color schemes will be available soon!

Layout options
Boxed layout backgrounds

Sortable elements Enable a group of elements to be sortable.

Documentation

To see all the available options & configurations, we suggest reading the jQueryUI sortable documentation.

Basic

Click on and drag an element to a new spot within the list, and the other items will adjust to fit.

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
Get source

                
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7

Portlets

The connectWith js parameter allows sorting between columns as shown in the example below.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.
Get source

                

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.

Header with .primary-bg

This content boxes has the header with .primary-bg class.