Opportunity Wall XML

Drag and Drop Opportunity Wall is a hit and Summer 14 Release, with multiple actions, a number one on the top of the charts!

https://github.com/skuidify/SamplePages/blob/master/ActionRecipies/OpportunityPlanningWall.xml

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 =
‘&lt;img src=“{{{Owner.SmallPhotoUrl}}}” width=“20” height=“20” style=“margin-right: 8px;”/&gt;’
+ ‘{{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.lists[0];
              return false;
          } 
       });
       if (queueList) return false;
    });
    return queueList;
};

$(function(){
$(‘.nx-queue’).each(function(){
var queue = $(this);
var listContents = queue.find(‘.nx-list-contents’);