Document Actions
Slide Sorter
This Tutorial applies to:
Any version.
This Tutorial is intended for:
Developers
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.
edo102
All content on one page (useful for printing, presentation mode etc.)
- Introduction Brief description of the motivation and implementation.
- Get this working on my site Quick instructions of how to get this slide sorter functionality working on my site
- Create slide sorter view Describes the process and choices made when creating the slide sorter view
- Create javascript for drag and drop sorting Modify the javascript used by folder_contents to allow sorting of individual cells in our grid
- Add styles In order for the images to appear in a grid, we must add some Cascading Style Sheet (CSS) declarations
- Conclusion Lessons learnt
by
Edmund Moseley
—
last modified
October 25, 2007 - 14:53
All content is copyright Plone Foundation and the individual contributors.
Adapting and questions
Posted by
Annakan
at
April 24, 2008 - 16:06
I try to adapt the slide sorter as self teaching and education to a buildout and brower view based plone 3 package.
With the help of nice people on the plone product dev mailling list, I was able to overcome the "test" not working in brower based view through the and/or "hack".
But I now have a hard time to make the jvs work properly, but I suspect their is interaction with the base Drag&Drop or KSS.
It seems to me that the two javacript file are redundant since one seems to containts the entirety of the others.
Is it a packaging error?
Since I loaded the script through an generic setup step I wonder if your product expect to be loaded "on top / after/ before" of the base javascript and so take precedence.
Thanks a lot for your time.
With the help of nice people on the plone product dev mailling list, I was able to overcome the "test" not working in brower based view through the and/or "hack".
But I now have a hard time to make the jvs work properly, but I suspect their is interaction with the base Drag&Drop or KSS.
It seems to me that the two javacript file are redundant since one seems to containts the entirety of the others.
Is it a packaging error?
Since I loaded the script through an generic setup step I wonder if your product expect to be loaded "on top / after/ before" of the base javascript and so take precedence.
Thanks a lot for your time.
re: Adapting and questions
Posted by
Edmund Moseley
at
April 24, 2008 - 16:41
Hi,
Sorry you are having difficulties with this tutorial (it is my first :-)
I am not sure what you mean by ' "test" not working in browser based view...'. I wrote this more in a plone 2.x style manner rather than plone 3, but would be very interested to see what changes you are making.
The 2 javascript files are supposed to be different, although (despite repeatedly re-uploading openpopup.js) both files seem to contain the content of dragdropslidesorter.js. I have now uploaded openpopup.js as a .txt file, so you can see it's contents. This file is quite as important as the other, as it simply allows clicking on the images to see it full sized in a new window.
I am rather new to GS also, so am not entirely sure how to do what you are trying. I imagine this should be loaded after the base javascripts.
Feel free to contact me with any further questions. I would also appreciate any feedback/enhancements that you are able to make.
Cheers,
Edmund
Sorry you are having difficulties with this tutorial (it is my first :-)
I am not sure what you mean by ' "test" not working in browser based view...'. I wrote this more in a plone 2.x style manner rather than plone 3, but would be very interested to see what changes you are making.
The 2 javascript files are supposed to be different, although (despite repeatedly re-uploading openpopup.js) both files seem to contain the content of dragdropslidesorter.js. I have now uploaded openpopup.js as a .txt file, so you can see it's contents. This file is quite as important as the other, as it simply allows clicking on the images to see it full sized in a new window.
I am rather new to GS also, so am not entirely sure how to do what you are trying. I imagine this should be loaded after the base javascripts.
Feel free to contact me with any further questions. I would also appreciate any feedback/enhancements that you are able to make.
Cheers,
Edmund
re: Adapting and questions
Posted by
Edmund Moseley
at
April 24, 2008 - 16:42
Hi,
Sorry you are having difficulties with this tutorial (it is my first :-)
I am not sure what you mean by ' "test" not working in browser based view...'. I wrote this more in a plone 2.x style manner rather than plone 3, but would be very interested to see what changes you are making.
The 2 javascript files are supposed to be different, although (despite repeatedly re-uploading openpopup.js) both files seem to contain the content of dragdropslidesorter.js. I have now uploaded openpopup.js as a .txt file, so you can see it's contents. This file is quite as important as the other, as it simply allows clicking on the images to see it full sized in a new window.
I am rather new to GS also, so am not entirely sure how to do what you are trying. I imagine this should be loaded after the base javascripts.
Feel free to contact me with any further questions. I would also appreciate any feedback/enhancements that you are able to make.
Cheers,
Edmund
Sorry you are having difficulties with this tutorial (it is my first :-)
I am not sure what you mean by ' "test" not working in browser based view...'. I wrote this more in a plone 2.x style manner rather than plone 3, but would be very interested to see what changes you are making.
The 2 javascript files are supposed to be different, although (despite repeatedly re-uploading openpopup.js) both files seem to contain the content of dragdropslidesorter.js. I have now uploaded openpopup.js as a .txt file, so you can see it's contents. This file is quite as important as the other, as it simply allows clicking on the images to see it full sized in a new window.
I am rather new to GS also, so am not entirely sure how to do what you are trying. I imagine this should be loaded after the base javascripts.
Feel free to contact me with any further questions. I would also appreciate any feedback/enhancements that you are able to make.
Cheers,
Edmund
Thanks
Posted by
Annakan
at
April 25, 2008 - 13:14
Thanks for answering so quickly.
It is really nice.
I will elaborate a bit more on the changes and the newbie troubles I had.
Maybe we could talk then a bit "of line" before posting a synthesis here if we succed. :)
I will prepare a paper for you asap.
Cheers.
my @ : xvaultx --at-- xvaultx --dot-- com
It is really nice.
I will elaborate a bit more on the changes and the newbie troubles I had.
Maybe we could talk then a bit "of line" before posting a synthesis here if we succed. :)
I will prepare a paper for you asap.
Cheers.
my @ : xvaultx --at-- xvaultx --dot-- com
Is this tutorial and can i change ID?
Also, the ID is way to long, and I would like to change it to 'slide_sorter', but when I try rename, it does not work. How should I proceed.
Thx. Edmund