Personalizar la página de detalles de la tarea customizing-the-task-details-page

Last update: Fri May 05 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

User

CAUTION

AEM 6.4 ha llegado al final de la compatibilidad ampliada y esta documentación ya no se actualiza. Para obtener más información, consulte nuestra períodos de asistencia técnica. Buscar las versiones compatibles here.

La página de detalles de la tarea contiene información sobre una tarea y sus procesos. Puede personalizar la página de detalles de la tarea para agregar o eliminar información.

Puede agregar la siguiente información a la página de detalles de la tarea:

Información disponible en el objeto JSON de una tarea (sección Tarea de la Descripción del objeto JSON de AEM Forms Workspace)
Información disponible en el objeto JSON de una instancia de proceso (sección Instancia de proceso en la Descripción del objeto JSON de AEM Forms Workspace)

Para personalizar la página de detalles de la tarea, haga lo siguiente:

Siga los Pasos genéricos para personalizar AEM Forms Workspace.

Para mostrar cualquier información adicional, agregue los pares de clave-valor correspondientes al archivo translation.json en todoblock > detailsblock > appblock > [ requiredblock].

[ requiredblock] hace referencia a bloques disponibles, como al bloque de tareas para la información de las tareas, el bloque de procesos para la información de los procesos y el bloque de tareas pendientes para la información de las tareas pendientes.

Por ejemplo, para agregar información sobre la selección de la ruta requerida en la página de detalles de la tarea, puede agregar el siguiente par clave-valor en el bloque de tareas:

code language-none
`"todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }`

note note
NOTE
Agregue los pares de clave-valor correspondientes para todos los idiomas compatibles.

Copie /libs/ws/js/runtime/templates/taskdetails.html en /apps/ws/js/runtime/templates/taskdetails.html.

Agregue la nueva información a /apps/ws/js/runtime/templates/taskdetails.html. Por ejemplo:

code language-css

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>`

<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>

Abra /apps/ws/js/registry.js para editarlo.

Buscar y reemplazar text!/lc/libs/ws/js/runtime/templates/taskdetails.html con text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE

Para personalizar la página de detalles de la tarea con las tareas creadas en la pestaña Iniciar proceso  del espacio de trabajo de AEM Forms, añada la nueva información a /apps/ws/js/runtime/templates/startprocess.html.

Para agregar estilos nuevos a la información agregada en la página de detalles, modifique el archivo CSS mediante la variable Cambios en la interfaz de usuario en Personalizar el espacio de trabajo.

recommendation-more-help

a6ebf046-2b8b-4543-bd46-42a0d77792da