Personalizar a página de detalhes da tarefa

A página de detalhes da tarefa contém informações sobre uma tarefa e seus processos. No entanto, você pode personalizar a página de detalhes da tarefa para adicionar ou excluir informações.

Você pode adicionar as seguintes informações à página de detalhes da tarefa:

Para personalizar a página de detalhes da tarefa:

  1. Siga Etapas genéricas para personalização do espaço de trabalho AEM Forms.

  2. Para mostrar quaisquer informações adicionais, adicione pares de valores chave correspondentes ao arquivo translation.json em todoblock > detailsblock > appblock > [ requiredblock].

    O [ requiredblock] refere-se aos blocos disponíveis, como o bloco de tarefa para informações de tarefa, o bloco de processo para informações de processo e o bloco de tarefas atual para informações tarefas pendentes.

    Por exemplo, para adicionar informações sobre a Seleção de rota obrigatória na página de detalhes da tarefa, adicione o seguinte par de valores chave no bloco de tarefa:

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    OBSERVAÇÃO

    Adicione pares de valores chave correspondentes para todos os idiomas suportados.

  3. Copie /libs/ws/js/runtime/templates/taskdetails.html para /apps/ws/js/runtime/templates/taskdetails.html.

    Adicione as novas informações a /apps/ws/js/runtime/templates/taskdetails.html. Por exemplo:

    <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 edição.

    Pesquise e substitua text!/lc/libs/ws/js/runtime/templates/taskdetails.html por text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

OBSERVAÇÃO

Para personalizar a página de detalhes da tarefa com tarefas criadas na guia Processo de Start da área de trabalho do AEM Forms, adicione as novas informações a /apps/ws/js/runtime/templates/startprocess.html.

Para adicionar novos estilos para as informações adicionadas na página de detalhes, modifique o arquivo CSS usando a seção Alterações na interface do usuário em Personalização da Workspace.

Nesta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now