Personalizzazione della pagina dei dettagli dell’attività customizing-the-task-details-page

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

Creato per:

User

CAUTION

AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

La pagina dei dettagli dell'attività contiene informazioni su un'attività e sui relativi processi. Tuttavia, è possibile personalizzare la pagina dei dettagli dell’attività per aggiungere o eliminare informazioni.

È possibile aggiungere le seguenti informazioni alla pagina dei dettagli dell’attività:

Informazioni disponibili nell’oggetto JSON di un’attività (sezione Task in Descrizione dell’oggetto JSON dell’area di lavoro AEM Forms)
Informazioni disponibili nell’oggetto JSON di un’istanza di processo (sezione dell’istanza di processo in Descrizione dell’oggetto JSON dell’area di lavoro AEM Forms)

Per personalizzare la pagina dei dettagli dell’attività:

Segui Passaggi generici per la personalizzazione dell’area di lavoro AEM Forms.

Per visualizzare eventuali informazioni aggiuntive, aggiungi le coppie chiave-valore corrispondenti al translation.json file a todoblock > detailsblock > appblock > [ requiredblocco].

La [ requiredblocco] fa riferimento ai blocchi disponibili, ad esempio il blocco attività per le informazioni sulle attività, il blocco del processo per le informazioni sul processo e il blocco delle attività in sospeso per le informazioni sulle attività in sospeso.

Ad esempio, per aggiungere informazioni sulla selezione della route obbligatoria nella pagina dei dettagli dell'attività, è possibile aggiungere la seguente coppia chiave-valore nel blocco attività:

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

note note
NOTE
Aggiungi le coppie chiave-valore corrispondenti per tutte le lingue supportate.

Copia /libs/ws/js/runtime/templates/taskdetails.html a /apps/ws/js/runtime/templates/taskdetails.html.

Aggiungi le nuove informazioni a /apps/ws/js/runtime/templates/taskdetails.html. Ad esempio:

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>

Apri /apps/ws/js/registry.js per la modifica.

Ricerca e sostituzione text!/lc/libs/ws/js/runtime/templates/taskdetails.html con text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Per personalizzare la pagina dei dettagli dell’attività con le attività create nella scheda Avvia processo  dell’area di lavoro di AEM Forms, aggiungi le nuove informazioni a /apps/ws/js/runtime/templates/startprocess.html.

Per aggiungere nuovi stili per le informazioni aggiunte nella pagina dei dettagli, modifica il file CSS utilizzando il Modifiche all'interfaccia utente sezione Personalizzazione di Workspace.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da