This project aims to provide a Views plugin for the user to be able to show a grid composed of draggable elements and save the displayed order of these element.

The user may then create other displays to show the elements in the order defined above.

This project is very similar in its goals to Draggable views, yet a lot simpler as there is no hierarchy management. It doesn't depend on Draggable Views though.

The added value resides in the presentation, a grid rather than a table list, and the therefore possible uses which Draggable Views doesn't permit.

It relies heavily on the Jquery UI sortable and draggable widgets so it requires jquery_update.

Getting started

  • Install as usual, enable Views (which is probably already done) and Sortable Grid.
  • Create a new node view.
  • Choose the Sortable Grid Format.
  • In the settings, you can choose the row length, which will determine how many items should be displayed before begining a new line in the grid.
  • Choose the Sortable Grid row style.
  • Add at least one field in the ‘Fields’ section. An image field is best suited, but any field should do.
  • In ‘Sort criteria’, choose ‘Sortable Grid:Rank’ in the list of filters, 'Sort ascending' for the parameters.
  • In Pager choose ‘Display all items’.
  • Choose a path for your view.
  • Add any criteria to fullfil your needs.
  • Save the view.

Go to the path you defined : you should see your nodes arranged in a grid of squares which you can drag and drop to define their order.

You can then add any display to your view and sort the nodes using the 'Sortable Grid:Rank' field.

Bisonbleu has created a short screencast (thanks to him) giving you the basic information needed to start using Sortable Grid : http://renaudjoubert.com/en/article/sortable-grid-views-plugin-screencast

Permissions

Only users with the 'sort Sortable Grid Views' permission will be allowed to sort the Sortable Grid Views, so be sure to check them on the appropriate page.

Theming

You can use the file sgrid.css to theme the grid to your linking. A future version will allow to tell the module where to find your custom CSS.

Drupal 6 version

Sortable Grid is only compatible with the Views 3 API, so you will have to install Views 6.x-3.something to make it work with Drupal 6.

You'll need JQuery UI 1.7 or later to make the module work.

Views 2 integration is very unlikely to come except perhaps if there's a really heavy demand on it.

Future

Feel free to use the issue queue to submit feature requests. Some things are already planned, but I'd like to obtain feedback on what works now before going further.

Project Information

Downloads