Show Menu
TEMAS×

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:
  • Información disponible en el objeto JSON de una tarea (sección Tarea del espacio de trabajo AEM Forms Descripción del objeto JSON)
  • Información disponible en el objeto JSON de una instancia de proceso (sección Procesar instancia en el espacio de trabajo AEM Forms Descripción del objeto JSON)
Para personalizar la página de detalles de la tarea:
  1. Para mostrar cualquier información adicional, agregue los pares de clave-valor correspondientes al translation.json archivo en todo block > details block > app block > # .
    El # se refiere a los bloques disponibles, como el bloque de tarea para la información de tarea, el bloque de proceso para la información de proceso y el bloque de tareas actual para la 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"
            }
        }
    }
    
    
    Añada los pares de clave-valor correspondientes para todos los idiomas admitidos.
  2. Copiar /libs/ws/js/runtime/templates/taskdetails.html a /apps/ws/js/runtime/templates/taskdetails.html .
    Añada la nueva información en /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>
    
    
  3. 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 .
Para personalizar la página de detalles de la tarea con tareas creadas en la ficha Proceso de Inicio del espacio de trabajo 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 de Personalización del espacio de trabajo .