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:
Siga los Pasos genéricos para personalizar AEM Forms Workspace.
Para mostrar cualquier información adicional, agregue los pares de clave-valor correspondientes al archivo translation.json
en todo
block > details
block > app
block > [ required
block].
[ required
block] hace referencia a bloques disponibles, como al 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:
"todo" : {
.
.
.
"details" : {
.
.
"task" : {
.
.
"RouteSelectionRequired" : "Route Selection Required"
}
}
}
Agregue los pares de clave-valor correspondientes para todos los idiomas compatibles.
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:
<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 editarlo.
Buscar y reemplazar text!/lc/libs/ws/js/runtime/templates/taskdetails.html
con text!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
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.