Agile Accelerator - Sprint Card Drag and Drop Page

  • 1
  • Idea
  • Updated 3 years ago
  • (Edited)



<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="false" showheader="true" tabtooverride="agf__ADM_Sprint__c">
<models> <model id="agfADMSprint" limit="2" query="true" createrowifnonefound="false" sobject="agf__ADM_Sprint__c" adapter="" type=""> <fields> <field id="Name"/> <field id="CreatedDate"/> <field id="agf__Work__r" type="childRelationship" limit="10"> <fields> <field id="Name"/> <field id="agf__Subject__c"/> <field id="Id"/> </fields> </field> </fields> <conditions/> <actions/> </model> </models> <components> <pagetitle model="agfADMSprint" uniqueid="sk-3ijaoq-74"> <maintitle> <template>{{Model.labelPlural}}</template> </maintitle> <subtitle> <template>Home</template> </subtitle> <actions> <action type="savecancel"/> </actions> </pagetitle> <basicfieldeditor showheader="true" showsavecancel="false" showerrorsinline="true" model="agfADMSprint" buttonposition="" uniqueid="sk-3ijxC6-106" mode="read" layout="above" cssclass=""> <columns> <column width="100%"> <sections> <section title="Section A" collapsible="no" showheader="false" cssclass=""> <fields> <field id="Name" valuehalign="" type="" cssclass=""> <label>Sprint</label> </field> <field id="agf__Work__r" type="CHILDREL" limit="100" valuehalign="" allowhtml="true" cssclass="sortable-ref-point"> <template>&lt;div id="{{{Id}}}" class="portlet-header"&gt;{{{Name}}}&lt;/div&gt; &lt;div class="portlet-content"&gt;{{agf__Subject__c}}&lt;/div&gt;</template> </field> </fields> </section> </sections> </column> </columns> </basicfieldeditor> </components> <resources> <labels/> <css> <cssitem location="inline" name="newcss" cachelocation="false">.column { width: 500px; float: left; padding-bottom: 100px; } .portlet { margin: 0 1em 1em 0; padding: 0.3em; } .portlet-header { padding: 0.2em 0.3em; margin-bottom: 0.5em; position: relative; } .portlet-toggle { position: absolute; top: 50%; right: 0; margin-top: -8px; } .portlet-content { padding: 0.4em; } .portlet-placeholder { border: 1px dotted black; margin: 0 1em 1em 0; height: 50px; } .ui-sortable-helper { width: 500px!important; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); } .ui-state-highlight { height: 50px; line-height: 1.2em; }</cssitem> </css> <javascript> <jsitem location="inline" name="newInlineJS" cachelocation="false" url="">(function(skuid){ var $ = skuid.$; $(document.body).one('pageload',function(){ $(".sortable-ref-point").find(".nx-field").find(".nx-fieldtext").addClass("column"); $(".sortable-ref-point").removeClass("sortable-ref-point"); $(".portlet-header").parent().addClass("portlet"); $(".portlet").removeClass("nx-template"); $(".portlet").removeAttr( "style" ); $(".column").removeClass("nx-fieldtext"); $('.portlet-header').each(function(i, obj) { $(obj.parentElement).attr("id",obj.attributes[0].value); $(obj).removeAttr("id"); }); $( ".column" ).sortable({ connectWith: ".column", handle: ".portlet-header", placeholder: "ui-state-highlight", stop: function( ) { var sortedIDs = $( ".column" ).sortable( "toArray" ); console.log(sortedIDs); } }); $( ".portlet" ) .addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ) .find( ".portlet-header" ) .addClass( "ui-widget-header ui-corner-all" ); }); })(skuid);</jsitem> </javascript> </resources> <styles> <styleitem type="background" bgtype="none"/> </styles> </skuidpage>
Photo of mB Pat Vachon

mB Pat Vachon, Champion

  • 42,714 Points 20k badge 2x thumb

Posted 3 years ago

  • 1

Be the first to post a reply!