Add a custom action button in Create Correspondence UI

Go to https://[host]:'port'/system/console/bundles. If necessary, log in as Administrator.

Locate the Adobe Asset Composer Building Block bundle. Restart the bundle: click Stop and then click Start.

Go to https://'[server]:[port]'/[ContextPath]/crx/de. If necessary, log in as Administrator.

In the apps folder, create a folder named js in the /apps branch of CRX with structure similar to the following folder:

/libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

Use the following steps to create the folder:

1. Right-click the js folder at the following path and select Overlay Node:

   /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

2. Ensure that the Overlay Node dialog has the following values:

   Path: /libs/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

   Overlay Location: /apps/

   Match Node Types: Checked

3. Click OK.

4. Click Save All.

In the js folder, create a file named ccrcustomization.js with the code for action handling of the button using the following steps:

1. Right-click the js folder at the following path and select Create > Create File:

   /apps/fd/cm/ccr/gui/components/admin/clientlibs/ccrui/js

   Name the file as ccrcustomization.js.

2. Double-click the ccrcustomization.js file to open it in CRX.

3. In the file, paste the following code and click Save All:

   /* for adding and handling custom actions in Extensible Toolbar.
     * One instance of handler will be created for each action.
     * CM.domain.CCRCustomActionHandler is actionHandler class.
     */
   var CCRCustomActionHandler;
       CCRCustomActionHandler = CM.domain.CCRCustomActionHandler = new Class({
           className: 'CCRCustomActionHandler',
           extend: CCRDefaultActionHandler,
           construct : function(action,model){
           }
       });
       /**
        * Called when user user click an action
        * @param extraParams additional arguments that may be passed to handler (For future use)
        */
       CCRCustomActionHandler.prototype.handleAction = function(extraParams){
           if (this.action.name == CCRCustomActionHandler.SEND_FOR_REVIEW) {
               var sendForReview = function(){
                   var serviceName = this.action.actionConfig["serviceName"];
                   var inputParams = {};
                   inputParams["dataXML"] = this.model.iccData.data;
                   inputParams["letterId"] = this.letterVO.id;
                   inputParams["letterName"] = this.letterVO.name;
                   inputParams["mailId"] = $('#email').val();
                   /*function to invoke the LivecyleService */
                   ServiceDelegate.callJSONService(this,"lc.icc.renderlib.serviceInvoker.json","invokeProcess",[serviceName,inputParams],this.onProcessInvokeComplete,this.onProcessInvokeFail);
                   $('#ccraction').modal("hide");
               }
               if($('#ccraction').length == 0){
                   /*For first click adding popup & setting letterName.*/
                   $("body").append(popUp);
                   $("input[id*='letterName']").val(this.letterVO.name);
                   $(document).on('click',"#submitLetter",$.proxy( sendForReview, this ));
               }
               $('#ccraction').modal("show");
           }
       };
       /**
        * Should the action be enabled in toolbar
        * @param extraParams additional arguements that may be passed to handler (For future use)
        * @return flag indicating whether the action should be enabled
        */
      CCRCustomActionHandler.prototype.actionEnabled = function(extraParams){
               /*can be customized as per user requirement*/
               return true;
       };
       /**
        * Should the action be visible in toolbar
        * @param extraParams additional arguments that may be passed to handler (For future use)
        * @return flag indicating whether the action should be enabled
        */
       CCRCustomActionHandler.prototype.actionVisible = function(extraParams){
           /*Check can be enabled for Non-Preview Mode.*/
           return true;
       };
       /*SuccessHandler*/
       CCRCustomActionHandler.prototype.onProcessInvokeComplete = function(response) {
           ErrorHandler.showSuccess("Letter Sent for Review");
       };
       /*FaultHandler*/
       CCRCustomActionHandler.prototype.onProcessInvokeFail = function(event) {
           ErrorHandler.showError(event.message);
       };
       CCRCustomActionHandler.SEND_FOR_REVIEW  = "Letter Review";
   /*For PopUp*/
       var popUp = '<div class="modal fade" id="ccraction" tabindex="-1" role="dialog" aria-hidden="true">'+
       '<div class="modal-dialog modal-sm">'+
           '<div class="modal-content">' +
               '<div class="modal-header">'+
                   '<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</code></button>'+
                   '<h4 class="modal-title"> Send Review </h4>'+
               '</div>'+
               '<div class="modal-body">'+
                   '<form>'+
                       '<div class="form-group">'+
                           '<label class="control-label">Email Id</label>'+
                           '<input type="text" class="form-control" id="email">'+
                       '</div>'+
                       '<div class="form-group">'+
                           '<label  class="control-label">Letter Name</label>'+
                           '<input id="letterName" type="text" class="form-control" readonly>'+
                       '</div>'+
                       '<div class="form-group">'+
                           '<input id="letterData" type="text" class="form-control hide" readonly>'+
                       '</div>'+
                   '</form>'+
               '</div>'+
               '<div class="modal-footer">'+
                  '<button type="button" class="btn btn-default" data-dismiss="modal"> Cancel </button>'+
                  '<button type="button" class="btn btn-primary" id="submitLetter"> Submit </button>'+
               '</div>'+
           '</div>'+
       '</div>'+
   '</div>';
   

Go to https://'[server]:[port]'/system/console/configMgr and login as Administrator.

Locate Adobe LiveCycle Client SDK Configuration and click Edit (edit icon). The Configurations panel opens.

Enter the following details and click Save:

• Server Url: URL of the LC server whose Send For Review service the action handler code uses.
• Username: Admin user name of the LC server
• Password: Password of the Admin user name

Log in as Administrator to LiveCycle® Server adminui at https:/[lc server]/:[lc port]/adminui.

Navigate to Home > Services > Applications and Services > Application Management.

If SendLetterForReview application is already present, skip the remaining steps in this procedure, otherwise continue to the next steps.

Click Import.

Click Choose File and select SendLetterForReview.lca.

Click Preview.

Select Deploy assets to runtime when import is complete.

Click Import.

Log in as Administrator to https:/[host]:'port'/system/console/configMgr.

Locate and click Adobe LiveCycle Client SDK Configuration. The Adobe LiveCycle Client SDK Configuration panel appears.

In the Service Name list, click + icon and add a serviceName SendLetterForReview/SendLetterForReviewProcess.

Click Save.