Show Menu
ARGOMENTI×

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à:
  • Informazioni disponibili nell’oggetto JSON di un’attività (sezione Attività nell’area di lavoro AEM Forms - Descrizione oggetto JSON)
  • Informazioni disponibili nell’oggetto JSON di un’istanza di processo (sezione dell’istanza di processo nell’area di lavoro AEM Forms - Descrizione oggetto JSON)
Per personalizzare la pagina dei dettagli dell’attività:
  1. Per visualizzare ulteriori informazioni, aggiungere le coppie chiave-valore corrispondenti al translation.json file in todo block > details block > app block > #.
    Il # 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"
            }
        }
    }
    
    
    Aggiungete le coppie chiave-valore corrispondenti per tutte le lingue supportate.
  2. Copia /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 . Ad 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>
    
    
  3. Aprite /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 .
Per personalizzare la pagina dei dettagli dell'attività con le attività create nella scheda Avvia processo ​dell'area di lavoro Moduli AEM, 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 delle modifiche all'interfaccia Utente in Workspace Customization .