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

La pagina dei dettagli di un'attività contiene informazioni su un'attività e sui relativi processi. È tuttavia possibile personalizzare la pagina dei dettagli dell'operazione per aggiungere o eliminare informazioni.

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

Per personalizzare la pagina dei dettagli dell'operazione:

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

  2. Per visualizzare ulteriori informazioni, aggiungi le coppie chiave-valore corrispondenti alla translation.json file in todoblocco > detailsblocco > appblocco > [requiredblocco].

    Il [requiredblocco] fa riferimento ai blocchi disponibili, ad esempio il blocco task per le informazioni sul task, il blocco processo per le informazioni sul processo e il blocco task corrente per le informazioni sui task in sospeso.

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

    code language-json
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    note note
    NOTE
    Aggiungi coppie chiave-valore corrispondenti per tutte le lingue supportate.
  3. 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
    <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>
    
  4. Apri /apps/ws/js/registry.js per la modifica.

    Cerca e sostituisci 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 delle operazioni con le operazioni create in 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 Modifiche all’interfaccia utente sezione in Personalizzazione di Workspace.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2