Sortable elements Enable a group of elements to be sortable.

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

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.