Een aangepaste actieknop toevoegen in de gebruikersinterface voor correspondentie maken add-custom-action-button-in-create-correspondence-ui

Ga naar https://'[server]:[port]'/[ContextPath]/crx/de en meld u aan als beheerder.

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

1. Klik met de rechtermuisknop op de defaultApp omslag bij de volgende weg en selecteer Knoop van de Bedekking:

   /libs/fd/cm/config/defaultApp/

   

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

   Weg: /libs/fd/cm/config/defaultApp/

   Plaats van de Bedekking: /apps/

   de Types van Knoop van de Gelijke: Gecontroleerd

   

3. Klik OK.

4. Klik sparen allen.

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

1. Ga naar /libs/fd/cm/config/defaultApp/acmExtensionsConfig.xml

2. Klik het acmExtensionsConfig.xml- dossier met de rechtermuisknop aan en selecteer Exemplaar.

   

3. Klik met de rechtermuisknop op de defaultApp omslag bij "/apps/fd/cm/config/defaultApp/,"en selecteer Deeg.

4. Klik sparen allen.

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 Forms Workflow LiveCycle 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 sparen allen.

Klik met de rechtermuisknop op de scène omslag bij de volgende weg en selecteer Knoop van de Bedekking:

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

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

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

Plaats van de Bedekking: /apps/

de Types van Knoop van de Gelijke: Gecontroleerd

Klik OK.

Klik sparen allen.

Klik het volgende dossier met de rechtermuisknop aan en selecteer Exemplaar:

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

Klik met de rechtermuisknop op de scène omslag bij de volgende weg en selecteer Deeg:

/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 desbetreffende 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 sparen allen.

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 klik 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 tak /apps van CRX met een structuur die lijkt op de volgende map:

/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 js omslag bij de volgende weg en selecteer Knoop van de Bedekking:

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

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

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

   Plaats van de Bedekking: /apps/

   de Types van Knoop van de Gelijke: Gecontroleerd

3. Klik OK.

4. Klik sparen allen.

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 js omslag bij de volgende weg en selecteer creëren > Dossier creëren:

   /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 het te openen in CRX.

3. In het dossier, kleef de volgende code en klik sparen allen:

   code language-javascript

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

Ga naar https://'[server]:[port]'/system/console/configMgr en meld u aan als beheerder.

Bepaal de plaats van de Configuratie van SDK van de Cliënt van het LiveCycle van de Adobe en klik uitgeven (geef pictogram uit). Het deelvenster Configuraties wordt geopend.

Ga de volgende details in en klik sparen:

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

{de Configuratie van SDK van de Cliënt van het LiveCycle van 0} Adobe

Meld u bij https:/[lc server]/:[lc port]/adminui aan als Administrator bij LiveCycle® Server-adminui.

Navigeer aan Huis > de Diensten > Toepassingen en de Diensten > het Beheer van de Toepassing.

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

Klik Invoer.

Klik kiezen Dossier en selecteren SendLetterForReview.lca.

Klik Voorproef.

Selecteer Deploy activa aan runtime wanneer de invoer volledig is.

Klik Invoer.

Meld u aan als beheerder bij https:/[host]:'port'/system/console/configMgr .

Bepaal en klik {de Configuratie van SDK van de Cliënt van het LiveCycle van 0} Adobe . Het deelvenster Configuratie SDK-client van Adobe LiveCycle wordt weergegeven.

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

Klik sparen.

Meld u bij https:/[lc server]:[lc port]/adminui aan met beheerdersreferenties naar de beheerder van de LiveCycle Server.

Navigeer aan Huis > de Diensten > Toepassingen en de Diensten > het Beheer van de Dienst.

Zoek en klik EmailService.

In SMTP Gastheer, vorm de e-maildienst.

Klik sparen.

Werk de URL van de server-URL van de Experience Manager in cmsa.properties in DSCSample.jar bij, 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:port/ [ contextweg ]/[ AEM URL ]
• crx.username= de gebruikersnaam van de Experience Manager
• crx.password= het wachtwoord van de Experience Manager
• crx.appRoot=/content/apps/cm

Het bestand DSCSample.jar gebruikt de renderLetter-API. Voor meer Informatie over renderLetter API, zie Interface LetterRenderService.

Start Workbench en meld u aan.

Selecteer Venster > toont Weergaven > Componenten. De weergave Componenten wordt toegevoegd aan Workbench ES2.

Klik Componenten met de rechtermuisknop aan en selecteer installeer Component.

Selecteer het {dossier 0} DSCSample.jar door dossierbrowser en klik Open .

Klik RenderWrapper met de rechtermuisknop aan en selecteer Component van het Begin. Als de component start, verschijnt er een groene pijl naast de naam van de component.

Wis de browsercache.

In Create Correspondence UI, klik het Overzicht van de Brief en specificeer e-mailidentiteitskaart van de recensent.

Klik voorleggen.