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:
Siga Pasos genéricos para la personalización del espacio de trabajo de AEM Forms.
Para mostrar cualquier información adicional, agregue los pares clave-valor correspondientes al archivo translation.json
en todo
block > details
block > app
block > [ required
block].
El [ required
bloque] 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"
}
}
}
Añada los pares de clave-valor correspondientes para todos los idiomas admitidos.
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>
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 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.