Here is another example of using jQueryUI in a Salesforce custom button. I’m referencing Super Clone Pro pages that use different configurations for cloning in this example. This could easily be adapted for other pages or actions. Enjoy!
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
{!REQUIRESCRIPT('//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js')} {!REQUIRESCRIPT('//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js')} var $j = jQuery.noConflict(); $j(function() { var winHead = '<link rel="stylesheet" ' + 'href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/themes/smoothness/jquery-ui.css" type="text/css"/>' + '<style>.ui-widget-overlay{z-index: 0;}' + '.scp-button{width:100%}' + '</style>'; var winBody = '<div id="clone-dialog" style="display: none" title="Clone and Copy Options">' + '<p>Clone this Rate/Benefit Worksheet Request on this opportunity.</p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="clone-op">Clone Opportunity with Single Plan</a></p>' + '<p>Cloned Opportunities can create a new plan from the source Opportunity</p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-from-op1">Copy Plan 1 from Source Opportunity</a></p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-from-op2">Copy Plan 2 from Source Opportunity</a></p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-from-op3">Copy Plan 3 from Source Opportunity</a></p>' + '<p>Create a Plan on a different Opportunity using the Plan on this Opportunity</p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-to-op1">Copy Plan 1 to another Opportunity</a></p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-to-op2">Copy Plan 2 to another Opportunity</a></p>' + '<p><a class="ui-button ui-widget ui-corner-all scp-button" href="#" id="copy-to-op3">Copy Plan 3 to another Opportunity</a></p>' + '</div>'; $j('head').append(winHead); $j('body').append(winBody); $j("#clone-dialog").dialog({ autoOpen: true, modal: true, width: 500, buttons: { "Cancel": function() {$j(this).dialog("close");} } }); $j( "#clone-op" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpclone?rid={!Account.Id}&cfg=StandardClone'; }); $j( "#copy-from-op1" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpclone?rid={!Account.Id}&cfg=CloneOpt1'; }); $j( "#copy-from-op2" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpclone?rid={!Account.Id}&cfg=CloneOpt2'; }); $j( "#copy-from-op3" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpclone?rid={!Account.Id}&cfg=CloneOpt3'; }); $j( "#copy-to-op1" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpcopy?rid={!Account.Id}&cfg=CopyOpt1'; }); $j( "#copy-to-op2" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpcopy?rid={!Account.Id}&cfg=CopyOpt2'; }); $j( "#copy-to-op3" ).button().on( "click", function() { window.location.href = '/apex/lcrm-scp__scpcopy?rid={!Account.Id}&cfg=CopyOpt3'; }); }); |
