Personnalisation de la page des détails de la tâche

La page Détails de la tâche contient des informations relatives à une tâche et à ses processus. Toutefois, vous pouvez personnaliser la page Détails de la tâche pour ajouter ou supprimer des informations.

Vous pouvez ajouter les informations ci-dessous à la page Détails de la tâche :

Pour personnaliser la page Détails de la tâche :

  1. Suivez la Procédure générique de personnalisation de l’espace de travail AEM Forms.

  2. Pour afficher des informations supplémentaires, ajoutez les paires clé-valeur correspondantes au fichier translation.json à l’emplacement todoblock > detailsblock > appblock > [ requiredblock].

    [ requiredblock] fait référence aux blocs disponibles, tels que le bloc de tâche pour les informations de tâche, le bloc de processus pour les informations de processus et le bloc de tâche en attente pour les informations de tâches en attente.

    Par exemple, pour ajouter des informations sur la sélection d’itinéraire requise dans la page Détails de la tâche, vous pouvez ajouter la paire clé-valeur suivante dans le bloc de tâche :

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    REMARQUE

    Ajoutez les paires clé-valeur correspondantes pour toutes les langues prises en charge.

  3. Copiez /libs/ws/js/runtime/templates/taskdetails.html dans /apps/ws/js/runtime/templates/taskdetails.html.

    Ajoutez les nouvelles informations à /apps/ws/js/runtime/templates/taskdetails.html. Par exemple :

    <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. Ouvrez /apps/ws/js/registry.js pour le modifier.

    Recherchez et remplacez text!/lc/libs/ws/js/runtime/templates/taskdetails.html par text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

REMARQUE

Pour personnaliser la page des détails de la tâche avec les tâches créées dans l’onglet Démarrer le processus de l’espace de travail AEM Forms, ajoutez les nouvelles informations à /apps/ws/js/runtime/templates/startprocess.html.

Pour ajouter de nouveaux styles pour les informations ajoutées dans la page de détails, modifiez le fichier CSS à l’aide de la section Modifications de l’interface utilisateur dans Personnalisation de l’espace de travail.

Sur cette page