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

La página de detalles de 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 agregar la siguiente información a la página de detalles de la tarea:

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

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

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

    El [ requiredbloque] hace referencia a los bloques disponibles, como el bloque de tarea para información de tarea, el bloque de proceso para información de proceso y el bloque de tareas actual para información de tareas pendientes.

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

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

    Añada los pares de clave-valor correspondientes para todos los idiomas admitidos.

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

    Añada 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 editar.

    Busque y reemplace text!/lc/libs/ws/js/runtime/templates/taskdetails.html por text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTA

Para personalizar la página de detalles de la tarea con tareas creadas en la ficha Proceso de Inicio del espacio de trabajo de AEM Forms, agregue la nueva información a /apps/ws/js/runtime/templates/startprocess.html.

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

En esta página