Personalizzazione della pagina dei dettagli dell'attività

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

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

Per personalizzare la pagina dei dettagli dell’attività:

  1. Seguite i passaggi Generici per personalizzazione dell'area di lavoro AEM Forms.

  2. Per visualizzare ulteriori informazioni, aggiungere le coppie chiave-valore corrispondenti al file translation.json in todoblock > detailsblock > appblock > [ requiredblock].

    Il [ requiredblock] fa riferimento ai blocchi disponibili, ad esempio il blocco attività per le informazioni sulle attività, il blocco di processo per le informazioni sul processo e il blocco attività in corso per le informazioni sulle attività in sospeso.

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

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    NOTA

    Aggiungete le coppie chiave-valore corrispondenti per tutte le lingue supportate.

  3. Copiare /libs/ws/js/runtime/templates/taskdetails.html in /apps/ws/js/runtime/templates/taskdetails.html.

    Aggiungete le nuove informazioni a /apps/ws/js/runtime/templates/taskdetails.html. Esempio:

    <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. Aprite /apps/ws/js/registry.js per la modifica.

    Cercare e sostituire text!/lc/libs/ws/js/runtime/templates/taskdetails.html con text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTA

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

Per aggiungere nuovi stili per le informazioni aggiunte nella pagina dei dettagli, modificate il file CSS utilizzando la sezione Modifiche all'interfaccia utente in Personalizzazione area di lavoro.

In questa pagina