Aangepaste actie/knop toevoegen in interface voor correspondentie maken add-custom-action-button-in-create-correspondence-ui

Ga naar https://[server]:[port]/[ContextPath]/crx/de en aanmelden als beheerder.

Maak in de map Apps een map met de naam defaultApp met pad/structuur vergelijkbaar met de map defaultApp (in configuratiemap). Gebruik de volgende stappen om de map te maken:

• Klik met de rechtermuisknop op de knop defaultApp map op het volgende pad en selecteer Overlay Node:

  /libs/fd/cm/config/defaultApp/

  

• Zorg ervoor dat het dialoogvenster Overlay-knooppunt de volgende waarden heeft:

  Path: /libs/fd/cm/config/defaultApp/

  Overlay Location: /apps/

  Match Node Types: Ingeschakeld

  

• Klik op OK.

• Klik op Save All.

Maak een kopie van het bestand acmExtensionsConfig.xml (bestaat onder de tak /libs) onder de tak /apps.

• Ga naar "/libs/fd/cm/config/defaultApp/acmExtensionsConfig.xml"

• Klik met de rechtermuisknop op het bestand acmExtensionsConfig.xml en selecteer Copy.

  

• Klik met de rechtermuisknop op de knop defaultApp map op "/apps/fd/cm/config/defaultApp/" en selecteer Paste.

• Klik op Save All.

Dubbelklik op de kopie van acmExtencesConfig.xml die u net in de map apps hebt gemaakt. Het bestand wordt geopend voor bewerking.

Zoek de volgende code:

<?xml version="1.0" encoding="utf-8"?>
<extensionsConfig>
    <modelExtensions>
        <modelExtension type="LetterInstance">
  <customAction name="Preview" label="loc.letterInstance.preview.label" tooltip="loc.letterInstance.preview.tooltip" styleName="previewButton"/>
            <customAction name="Submit" label="loc.letterInstance.submit.label" tooltip="loc.letterInstance.submit.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="SaveAsDraft" label="loc.letterInstance.saveAsDraft.label" tooltip="loc.letterInstance.saveAsDraft.tooltip" styleName="submitButton" permissionName="forms-users"/>
            <customAction name="Close" label="loc.letterInstance.close.label" tooltip="loc.letterInstance.close.tooltip" styleName="closeButton"/>
        </modelExtension>
    </modelExtensions>
</extensionsConfig>

U kunt LiveCycle Forms Workflow gebruiken om een e-mailbrief te verzenden. Voeg als volgt een customAction-tag toe onder de modelExtension-tag in acmExtensionsConfig.xml:

 <customAction name="Letter Review" label="Letter Review" tooltip="Letter Review" styleName="" permissionName="forms-users" actionHandler="CM.domain.CCRCustomActionHandler">
      <serviceName>Forms Workflow -> SendLetterForReview/SendLetterForReviewProcess</serviceName>
    </customAction>

De tag modelExtension heeft een set onderliggende tags van customAction die de handeling, machtigingen en weergave van de actieknop configureren. Hieronder volgt een lijst met aangepasteAction-configuratietags:

Naast de bovenstaande parameters, kunnen er extra configuraties verbonden aan een customAction zijn. Deze extra configuraties worden ter beschikking gesteld aan de manager door het voorwerp CustomAction.

Klik op Save All.

Klik met de rechtermuisknop op de knop locale map op het volgende pad en selecteer Overlay Node:

/libs/fd/cm/config/defaultApp/locale

Zorg ervoor dat het dialoogvenster Overlay-knooppunt de volgende waarden heeft:

Path: /libs/fd/cm/config/defaultApp/locale

Overlay Location: /apps/

Match Node Types: Ingeschakeld

Klik op OK.

Klik op Save All.

Klik met de rechtermuisknop op het volgende bestand en selecteer Copy:

/libs/fd/cm/config/defaultApp/locale/ACMExtensionsMessages.properties

Klik met de rechtermuisknop op de knop locale map op het volgende pad en selecteer Paste:

/apps/fd/cm/config/defaultApp/locale/

Het bestand ACMExtensionsMessages.properties wordt gekopieerd naar de map locale.

Als u de labels van de zojuist toegevoegde aangepaste handeling/knop wilt lokaliseren, maakt u het bestand ACMExtensionsMessages.properties voor de relevante landinstelling in /apps/fd/cm/config/defaultApp/locale/.

Als u bijvoorbeeld de aangepaste handeling/knop wilt lokaliseren die in dit artikel is gemaakt, maakt u een bestand met de naam ACMExtensionsMessages_fr.properties met de volgende vermelding:

loc.letterInstance.letterreview.label=Revue De Lettre

Op dezelfde manier kunt u in dit bestand meer eigenschappen toevoegen, zoals voor knopinfo en stijl.

Klik op Save All.

Ga naar https://[host]:[port]/system/console/bundles. Meld u indien nodig aan als beheerder.

Zoek de bundel Adobe Asset Composer Building Block. Start de bundel opnieuw: Klik op Stoppen en vervolgens op Start.

Ga naar https://[server]:[port]/[ContextPath]/crx/de. Meld u indien nodig aan als beheerder.

Maak in de map Apps een map met de naam js in de /apps tak van CRX met structuur gelijkend op de volgende omslag:

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

Gebruik de volgende stappen om de map te maken:

1. Klik met de rechtermuisknop op de knop js map op het volgende pad en selecteer Overlay Node:

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

2. Zorg ervoor dat het dialoogvenster Overlay-knooppunt de volgende waarden heeft:

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

   Overlay Location: /apps/

   Match Node Types: Ingeschakeld

3. Klik op OK.

4. Klik op Save All.

Maak in de map js een bestand met de naam ccrcustomization.js met de code voor het uitvoeren van handelingen met de knop door de volgende stappen uit te voeren:

1. Klik met de rechtermuisknop op de knop js map op het volgende pad en selecteer Create > Create File:

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

   Geef het bestand een naam als ccrcustomization.js.

2. Dubbelklik op het bestand ccrcustomization.js om dit te openen in CRX.

3. Plak de volgende code in het bestand en klik op Save All:

   code language-none

   /* 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;</span></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>';

Ga naar https://[server]:[port]/system/console/configMgr en aanmelden als beheerder.

Zoek de Configuratie van de SDK van Adobe LiveCycle Client en klik op Edit (pictogram Bewerken). Het deelvenster Configuraties wordt geopend.

Voer de volgende gegevens in en klik op Save:

• Server Url: URL van de server LC waarvan verzendt voor de dienst van het Overzicht de code van de actiemanager gebruikt.
• Username: Gebruikersnaam beheerder van de LC-server
• Password: Wachtwoord voor de gebruikersnaam van de beheerder

Meld u aan als beheerder bij Livecycle Server-adminui op https:/[lc server]/:[lc port]/adminui.

Ga naar Home > Services > Applications and Services > Application Management.

Als de toepassing SendLetterForReview al aanwezig is, sla de resterende stappen in deze procedure over, anders ga aan de volgende stappen verder.

Klik op Import.

Klik op Choose File en selecteer SendLetterForReview.lca.

Klik op Preview.

Selecteer Deploy assets to runtime when import is complete.

Klik op Import.

Aanmelden als beheerder https:/[host]/:[port]/system/console/configMgr.

Zoeken en klikken Adobe LiveCycle Client SDK Configuration. Het deelvenster Configuratie SDK van Adobe LiveCycle Client wordt weergegeven.

In de lijst van de Naam van de Dienst, klik + pictogram en voeg een serviceName toe SendLetterForReview/SendLetterForReviewProcess.

Klik op Save.

Meld u aan met beheerdersgegevens voor de Livecycle Server-beheerder op https:/[lc server]:[lc port]/adminui.

Ga naar Home > Services > Applications and Services > Service Management.

Zoeken en klikken EmailService.

In SMTP Host, configureert u de e-mailservice.

Klik op Save.

Werk de URL van de AEM server in cmsa.properties bij in DSCSample.jar, die zich op de volgende locatie bevindt:

DSCSample.jar\com\adobe\livecycle\cmsa.properties

Geef de volgende parameters op in het configuratiebestand:

• crx.serverUrl=https:/[host]/:[poort]/[contextpad]/[URL AEM]
• crx.username= AEM gebruikersnaam
• crx.password= AEM
• crx.appRoot=/content/apps/cm

De DSCSample.jar bestand gebruikt het renderLetter API. Zie voor meer informatie over de renderLetter-API Interface LetterRenderService.

Start Workbench en meld u aan.

Selecteer Window > Show Views > Components. De weergave Componenten wordt toegevoegd aan Workbench ES2.

Klikken met rechtermuisknop Components en selecteert u Install Component.

Selecteer DSCSample.jar file door dossierbrowser en klik Open.

Klikken met rechtermuisknop RenderWrapper en selecteert u Start Component. Als de component start, verschijnt er een groene pijl naast de naam van de component.

Wis de browsercache.

Klik in de interface Correspondentie maken op Letter Review en geef de e-mailid van de controleur op.

Klik op Submit.