Personalización de la página de detalles de la tarea

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

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

Para personalizar la página de detalles de la tarea:

  1. Seguir Pasos genéricos para la personalización del espacio de trabajo de AEM Forms.

  2. Para mostrar cualquier información adicional, agregue los pares de clave-valor correspondientes a la variable translation.json file at todobloquear > detailsbloquear > appbloquear > [ requiredblock].

    La variable [ requiredblock] hace referencia a bloques disponibles, como el bloque de tareas para información de tareas, el bloque de procesos para información de procesos y el bloque de tareas pendientes para información de tareas pendientes.

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

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

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

  3. Copiar /libs/ws/js/runtime/templates/taskdetails.html a /apps/ws/js/runtime/templates/taskdetails.html.

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

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

NOTA

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 añadir nuevos estilos a la información añadida en la página de detalles, modifique el archivo CSS utilizando la variable Cambios en la interfaz de usuario en Personalización de Workspace.

En esta página