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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now