DocumentationAEM 6.5Guide de l’utilisateur

Personnaliser les détails de la tâche

Dernière mise à jour : 14 juillet 2024
  • S'applique à :
  • Experience Manager 6.5
  • Rubriques :
  • Formulaires adaptatifs

Créé pour :

  • Utilisateur ou utilisatrice
  • Développeur

La page Détails de la tâche contient des informations relatives à une tâche et à ses processus. Cependant, 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 :

  • Informations disponibles dans l’objet JSON d’une tâche (section Tâche dans Description de l’objet JSON de l’espace de travail AEM Forms)
  • Informations disponibles dans l’objet JSON d’une instance de processus (section Instance de processus dans Description de l’objet JSON de l’espace de travail AEM Forms)

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 dans le bloc todo > bloc details > bloc app > bloc [required].

    Le [requiredbloc] 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 le traitement des informations et le bloc de tâches 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"
            }
        }
    }
    
    NOTE
    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.

NOTE
Pour personnaliser la page Détails de la tâche avec des tâches créées dans l’onglet Démarrer le processus de l’espace de travail AEM Forms, ajoutez les nouvelles informations dans /apps/ws/js/runtime/templates/startprocess.html.
Pour ajouter de nouveaux styles pour les informations ajoutées dans la page Détails, modifiez le fichier CSS à l’aide de la section Modifications de l’interface utilisateur dans Personnalisation de l’espace de travail.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2