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

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Van toepassing op:
Experience Manager 6.5

Onderwerpen:
Adaptieve formulieren

Gemaakt voor:

Gebruiker
Ontwikkelaar

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 voorwerp JSON van een taak (de sectie van de Taak in de werkruimte van AEM Forms JSON de Beschrijving van Objecten )
Informatie beschikbaar in het voorwerp JSON van een procesinstantie (de instantiesectie van het Proces in de werkruimte van AEM Forms JSON de Beschrijving van Objecten )

De pagina met taakdetails aanpassen:

Volg Algemene stappen voor de werkruimte van AEM Forms aanpassing.

Om om het even welke extra informatie te tonen, voeg overeenkomstige zeer belangrijk-waardeparen aan het translation.json dossier bij todo blok > details blok > app blok > [required blok ] toe.

Het [required blok ] verwijst naar beschikbare blokken, zoals het taakblok voor taakinformatie, procesblok voor procesinformatie, en het huidige-pendingtask blok voor hangende 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-json
`"todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }`

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

Kopieer /libs/ws/js/runtime/templates/taskdetails.html naar /apps/ws/js/runtime/templates/taskdetails.html .

Voeg de nieuwe informatie toe 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.

Zoek en vervang text!/lc/libs/ws/js/runtime/templates/taskdetails.html door text!/lc/apps/ws/js/runtime/templates/taskdetails.html .

NOTE

Om de pagina van taakdetails met taken aan te passen die in het 1} lusje van het Proces van het Begin van de werkruimte van AEM Forms worden gecreeerd, voeg de nieuwe informatie aan /apps/ws/js/runtime/templates/startprocess.html toe.

Om nieuwe stijlen voor de informatie toe te voegen die in de detailspagina wordt toegevoegd, wijzig het CSS dossier door de sectie van de Veranderingen van het gebruikersinterface in Aanpassing van Workspace te gebruiken.

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2