DocumentazioneAEM 6.4Guida di Forms

Visualizzazione di dati aggiuntivi nell'elenco ToDo displaying-additional-data-in-todo-list

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.

Per impostazione predefinita, nell’elenco To-do dell’area di lavoro di AEM Forms vengono visualizzati il nome e la descrizione dell’attività. Tuttavia, puoi aggiungere altre informazioni, ad esempio data di creazione e data di scadenza. È inoltre possibile aggiungere icone e modificare lo stile della visualizzazione.

Osserva la scheda To-do di HTML Workspace che mostra la configurazione predefinita

Questo articolo descrive i passaggi per aggiungere informazioni da visualizzare per ogni attività nell'elenco ToDo.

Cosa può essere aggiunto what-can-be-added

Puoi aggiungere le informazioni disponibili in task.json inviato dal server. Le informazioni possono essere aggiunte come testo normale oppure è possibile utilizzare gli stili per formattare le informazioni.

Per ulteriori informazioni sulla descrizione dell’oggetto JSON, consulta questo articolo.

Visualizzazione di informazioni su un'attività displaying-information-on-a-task

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

  2. Per visualizzare informazioni aggiuntive per un'attività, è necessario aggiungere le coppie chiave-valore corrispondenti all'interno del blocco attività di translation.json.

    Esempio di modifica /apps/ws/locales/en-US/translation.json per inglese:

    code language-none 
    "task" : {
        "reminder" : {
            "value" : "Reminder",
            "tooltip" : "This is reminder __reminderCount__, for this task."
        },
        "deadlined" : {
            "value" : "Deadlined",
            "tooltip" : "This task has deadlined"
        },
        "save" : {
            "message" : "Task has been saved successfully"
        },
        "status" : {
            "deadlined" : "Deadlined",
            "created" : "Created",
            "assignedsaved" : "Draft from assigned task",
            "terminated" : "Terminated",
            "assigned" : "Assigned",
            "unknown" : "Unknown",
            "createdsaved" : "Draft from created task",
            "completed" : "Completed"
        },
        "draft" : {
            "value" : "Saved",
            "tooltip" : "This task is marked as a draft"
        },
        "escalated" : {
            "value" : "Escalated",
            "tooltip" : "This task has been escalated"
        },
        "forward" : {
            "value" : "Forwarded",
            "tooltip" : "This task was forwarded"
        },
        "priority" : {
            "highest" : "Highest priority",
            "normal" : "Normal priority",
            "high" : "High priority",
            "low" : "Low priority",
            "lowest" : "Lowest priority"
        },
        "claimed" : {
            "value" : "Claimed",
            "tooltip" : "This task has been claimed"
        },
        "locked" : {
            "value" : "Locked",
            "tooltip" : "This task is locked"
        },
        "consulted" : {
            "value" : "Consulted",
            "tooltip" : "This task has been consulted"
        },
        "returned" : {
            "value" : "Returned",
            "tooltip" : "This task was returned back"
        },
        "multiplesubmitbuttons" : {
            "message" : "The form associated with this task has multiple submit buttons so the Workspace Complete button will be disabled. Click the appropriate button on the form to submit it."
        },
        "nosubmitbutton" : {
            "message" : "The form associated with this task does not appear to have submit buttons. You may need to upgrade your Adobe Reader version to 9.1 or greater and enable the Reader Submit option in your process."
        },
        "icon" : {
            "tooltip" : "open the task __taskName__"
        }
    }
    note note
    NOTE
    Aggiungi le coppie chiave-valore corrispondenti per tutte le lingue supportate.

  3. Ad esempio, aggiungere informazioni all’interno del blocco attività:

    code language-none 
    "stepname" : {
            "value" : "Step Name",
            "tooltip" : "This task belongs to __stepName__ step"
}

Definizione del CSS per la nuova proprietà defining-css-for-the-new-property

  1. È possibile applicare uno stile alle informazioni (proprietà) aggiunte a un'attività. A questo scopo, è necessario aggiungere informazioni sugli stili per la nuova proprietà aggiunta a /apps/ws/css/newStyle.css.

    Ad esempio, aggiungi:

    code language-css 
    .task .taskProperties .stepname{
    width: 25px;
    background: url(../images/stepname.png) no-repeat; /*-------- Or just reuse background image / image-sprite defined .task .taskProperties span of style.css---------------------*/
    background-position: 0px 0px; /*-------- Dummy values, need to be configured as per user background image / image-sprite ---------------------*/
}

Aggiunta di una voce nel modello di HTML adding-entry-in-the-html-template

Infine, è necessario includere una voce nel pacchetto di sviluppo per ogni proprietà che si desidera aggiungere all'attività. Per crearne uno, fai riferimento a Creazione del codice dell’area di lavoro di AEM Forms .

  1. Copia task.html:

    • da: /libs/ws/js/runtime/templates/
    • a: /apps/ws/js/runtime/templates/

  2. Aggiungi le nuove informazioni a /apps/ws/js/runtime/templates/task.html.

    Ad esempio, aggiungi sotto div class="taskProperties":

    code language-none 
    <span class="stepname" alt="<%= $.t('task.stepname.value')%>" title = '<%= $.t("task.stepname.tooltip",{stepName:stepName})%>'/>
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da