Documentatie AEM 6.4 Gids voor formulieren

De pagina met taakdetails aanpassen customizing-the-task-details-page

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

User

CAUTION

AEM 6.4 heeft het einde van de uitgebreide ondersteuning bereikt en deze documentatie wordt niet meer bijgewerkt. Raadpleeg voor meer informatie onze technische ondersteuningsperioden. Ondersteunde versies zoeken hier.

De pagina met taakdetails bevat informatie over een taak en de bijbehorende processen. U kunt de pagina met taakdetails echter aanpassen om informatie toe te voegen of te verwijderen.

U kunt de volgende informatie toevoegen aan de pagina met taakdetails:

Informatie beschikbaar in het JSON-object van een taak (taaksectie in JSON-objectbeschrijving in de AEM Forms-werkruimte)
Informatie beschikbaar in het JSON-object van een procesinstantie (sectie Procesinstantie in JSON-objectbeschrijving in de AEM Forms-werkruimte)

De pagina met taakdetails aanpassen:

Volg Algemene stappen voor aanpassing van de AEM Forms-werkruimte.

Als u aanvullende informatie wilt weergeven, voegt u de corresponderende sleutel-waardeparen toe aan de translation.json bestand bij todoblok > detailsblok > appblok > [ requiredblok].

De [ requiredblok] verwijst naar beschikbare blokken, zoals het taakblok voor taakinformatie, procesblok voor procesinformatie, en het huidige het taakblok voor lopende taakinformatie.

Bijvoorbeeld, om informatie over de Selectie van de Route toe te voegen Vereist in de pagina van taakdetails, kunt u het volgende zeer belangrijk-waardepaar in het taakblok toevoegen:

code language-none
`"todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }`

note note
NOTE
Voeg overeenkomstige sleutel-waardeparen voor alle gesteunde talen toe.

Kopiëren /libs/ws/js/runtime/templates/taskdetails.html tot /apps/ws/js/runtime/templates/taskdetails.html.

Nieuwe informatie toevoegen aan /apps/ws/js/runtime/templates/taskdetails.html. Bijvoorbeeld:

code language-css

code language-css
`<div class="detailsContainer"> . . <ul> . . <li> <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label> <div> <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span> </div> </li> . . </ul> </div>`

<div class="detailsContainer">
    .
    .
    <ul>
        .
        .
        <li>
            <label for="routeSelectionRequired" title="<%= $.t('todo.details.task.RouteSelectionRequired')%>"><%= $.t('todo.details.task.RouteSelectionRequired')%></label>
            <div>
                <span id="routeSelectionRequired"><%= isRouteSelectionRequired != null ? isRouteSelectionRequired : ''%></span>
            </div>
        </li>
        .
        .
    </ul>
</div>

Open /apps/ws/js/registry.js voor bewerking.

Zoeken en vervangen text!/lc/libs/ws/js/runtime/templates/taskdetails.html with text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Als u de pagina met taakdetails wilt aanpassen met taken die zijn gemaakt op het tabblad Proces starten  van de AEM Forms-werkruimte, voegt u de nieuwe informatie toe aan /apps/ws/js/runtime/templates/startprocess.html.

Als u nieuwe stijlen wilt toevoegen voor de informatie die op de detailpagina is toegevoegd, wijzigt u het CSS-bestand met de opdracht Wijzigingen in gebruikersinterface sectie in Aanpassing werkruimte.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da