Hello Craig, I've done this before by building up a string e.g. box- id1,collapsed;box-id5,not-collapsed;box-id3,collapsed|box- id4,collapsed;box-id2,not-collapsed;box-id6,collapsed;
In the javascript do something like this http://pastebin.com/m90a2af6 Hope this helps, Nalum On Oct 2, 2:35 pm, craigeves <craige...@googlemail.com> wrote: > anyone? > > On Oct 2, 12:08 am, craigeves <craige...@googlemail.com> wrote: > > > > > Please can someone help? > > > I am using the jQuery UI (sortable) Portlets code - but I want to use > > the jQuery cookies plugin to remember the order of the portlets. I > > don't know where to start - and searching the net for an answer only > > brings up sortable ul and li. > > > Please help. > > > Code: > > <script type="text/javascript"> > > $(function() { > > $(".column").sortable({ > > connectWith: '.column' > > }); > > > $(".column").disableSelection(); > > }); > > </script> > > > HTML: > > <div class="column"> > > <div class="portlet"> > > <div class="portlet-header ui-state-disabled">Feeds</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit.</div> > > </div> > > <div class="portlet"> > > <div class="portlet-header">News</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit.</div> > > </div> > > </div> > > <div class="column"> > > <div class="portlet"> > > <div class="portlet-header">Shopping</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit.</div> > > </div> > > </div> > > <div class="column"> > > <div class="portlet"> > > <div class="portlet-header">Links</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit.</div> > > </div> > > <div class="portlet"> > > <div class="portlet-header">Images</div> > > <div class="portlet-content">Lorem ipsum dolor sit amet, > > consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer > > adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing > > elit.</div> > > </div> > > </div>