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

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:

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

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

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

    El [requiredbloquear] hace referencia a bloques disponibles, como el 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-json
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    note note
    NOTE
    Agregue los pares de clave-valor correspondientes para todos los idiomas compatibles.
  3. 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
    <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.

NOTE
Para personalizar la página de detalles de la tarea con las tareas creadas en la pestaña Iniciar proceso en AEM Forms Workspace, agregue 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
19ffd973-7af2-44d0-84b5-d547b0dffee2