Personalizar a listagem de instâncias de processo customizing-the-listing-of-process-instances
A lista de instâncias de processos é exibida na guia Rastreamento do espaço de trabalho do AEM Forms.
Na lista de instâncias de processos, para cada instância de processo, o espaço de trabalho do AEM Forms mostra algumas propriedades dessa instância. As seguintes propriedades estão disponíveis para cada instância do processo. Essas propriedades são armazenadas como atributos no modelo de componente da instância do processo e estão disponíveis para uso na exibição e no modelo.
Exemplo:
Para exibir a propriedade description
da instância do processo no cartão da instância do processo, execute as etapas a seguir.
-
Siga as etapas genéricas para personalização do espaço de trabalho do AEM Forms.
-
Faça o seguinte:
- Copie /libs/ws/js/runtime/templates/processinstance.html para/apps/ws/js/runtime/templates/, se ele não existir. Clique em Salvar tudo.
- Adicione a descrição do processo div com class = 'processDescription' inprocessinstance.html.
code language-jsp <div class="processDescription" title="<%= description%>"><%= description%></div>
-
Faça o seguinte:
- Abra /apps/ws/js/registry.js para edição.
- Pesquisar e substituir
text!/lc/libs/ws/js/runtime/templates/processinstance.html
portext!/lc/
aplicativos/ws/js/runtime/templates/processinstance.html.
-
As alterações acima podem exigir uma atualização do arquivo CSS adicionando uma entrada na folha de estilos /apps/ws/css/newStyle.css da seguinte maneira:
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; }