Slide Sorter

Create a view for sorting images (and potentially other content) which are displayed in a grid layout, where by each item occupies a single cell rather than a whole row. This uses a modified version of the javascript that powers the drag and drop functionality of folder_contents.

  1. Introduction Brief description of the motivation and implementation.
  2. Get this working on my site Quick instructions of how to get this slide sorter functionality working on my site
  3. Create slide sorter view Describes the process and choices made when creating the slide sorter view
  4. Create javascript for drag and drop sorting Modify the javascript used by folder_contents to allow sorting of individual cells in our grid
  5. Add styles In order for the images to appear in a grid, we must add some Cascading Style Sheet (CSS) declarations
  6. Conclusion Lessons learnt

All content on one page (useful for printing, presentation mode etc.)