Glad you like it!
I’ve combined it with poupup actions to create a “trello” like interface for managing our projects here at Skuid.  Its pretty cool. 

---

Please share the XML.

Here is my Michelangelo version lol and share.

Opportunity Planning Wall




Opps_NegotiationReview

Opps_ProposalPriceQuote

Opps_ClosedWon

Opps_ClosedLost

        <panel width="1%" uniqueid="" cssclass="">

           <components>

              

           </components>

        </panel>

        <panel width="18%" cssclass="frame" uniqueid="frames">

           <components>

{{{Name}}}

           </components>

        </panel>

        <panel width="1%" cssclass="" uniqueid="">

           <components>

              

           </components>

        </panel>

     <panel width="18%" uniqueid="frames" cssclass="frame">

{{{Name}}}









{{{Name}}}









{{{Name}}}
















{{{Name}}}
























































































.nx-queue .nx-list-contents {
min-height: 25px;
}

.nx-queue .nx-list-contents.ui-state-highlight {

min-height: 100px;

}
#frames.frame{

border: 2px solid #299fc5;

padding: 5px;

}




var args = arguments[0],

item = args.item,

list = args.list,

model = args.model,

element = args.element,

row = item.row,

renderTemplate =

‘<img src=“{{{Owner.SmallPhotoUrl}}}” width=“20” height=“20” style=“margin-right: 8px;”/>’

+ ‘{{Name}} ({{CloseDate}})’,

mergeSettings = {

createFields: true,

registerFields: true

},

$ = skuid.$;

element.html(

skuid.utils.merge(‘row’,renderTemplate,mergeSettings,model,row)

).

draggable({

revert: ‘invalid’,

appendTo : ‘body’,

helper : function() {

var original = $(this);

var helper = original.clone();

// Pass along a reference to the current list’s contents

// so that we can compare lists

// to ensure we’re not allowing dropping on the current list

original.data(‘listContents’,list.contents);

helper.css({

‘z-index’ : 1000,

‘width’ : $(this).css(‘width’),

‘height’ : $(this).css(‘height’),

‘border’ : ‘1px black solid’,

‘padding’ : ‘4px’,

‘background-color’ : ‘#EEE’,

‘font-family’: ‘Arial,Helvetica,sans-serif’,

‘cursor’:‘move’

});

return helper;

}

});

(function(skuid){

// Global setting – if true, then all changes will be immediately saved,

// otherwise, changes will remain unsaved until you click Save.

var SAVE_IMMEDIATELY = true;

var $ = skuid.$;

var getQueueList = function(queueElement){

    var queueList;

    $.each(skuid.model.list(),function(i,model){

       $.each(model.registeredEditors,function(){

          if (this.element.is(queueElement)) {

              queueList = this.listsu0];

              return false;

          } 

       });

       if (queueList) return false;

    });

    return queueList;

};

$(function(){

$(‘.nx-queue’).each(function(){

var queue = $(this);

var listContents = queue.find(‘.nx-list-contents’);

---