Personalizar la lista de instancias de proceso customizing-the-listing-of-process-instances
La lista de instancias de proceso se muestra en la pestaña Seguimiento de AEM Forms Workspace.
En la lista de instancias de proceso, para cada instancia de proceso, AEM Forms Workspace muestra algunas propiedades. Las siguientes propiedades están disponibles para cada instancia de proceso. Estas propiedades se almacenan como atributos en el modelo de componentes de instancias de proceso y están disponibles para usarlas en su vista y plantilla.
Ejemplo:
Para mostrar la propiedad description
de la instancia de proceso en la tarjeta Instancia de proceso, realice los siguientes pasos.
-
Siga los Pasos genéricos para personalizar AEM Forms Workspace.
-
Haga lo siguiente:
- Copie /libs/ws/js/runtime/templates/processinstance.html a/apps/ws/js/runtime/templates/, si no existe. Haga clic en Guardar todo.
- Agregue un div de descripción del proceso con class = 'processDescription' inprocessinstance.html.
code language-jsp <div class="processDescription" title="<%= description%>"><%= description%></div>
-
Haga lo siguiente:
- Abra /apps/ws/js/registry.js para editarlo.
- Busque y reemplace
text!/lc/libs/ws/js/runtime/templates/processinstance.html
context!/lc/
apps/ws/js/runtime/templates/processinstance.html.
-
Los cambios anteriores pueden requerir una actualización del archivo CSS al agregar una entrada en la hoja de estilo /apps/ws/css/newStyle.css de la siguiente manera:
code language-css .processinstance .processDescription { <!--Dummy values, need to be configured by user as per requirement and user can add or delete any property depending upon requirement--> width : 250px; font-size : 11pt; padding : 2px; }