Show Menu
SUJETS×

Customizing the task details page

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. To show any additional information, add corresponding key-value pairs to the translation.json file at todo block > details block > app block > # .
    The # refers to available blocks, such as the task block for task information, process block for process information, and currentpendingtask block for pending tasks information.
    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"
            }
        }
    }
    
    
    Ajoutez les paires clé-valeur correspondantes pour toutes les langues prises en charge.
  2. 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>
    
    
  3. Ouvrez /apps/ws/js/registry.js pour le modifier.
    Search and replace text!/lc/libs/ws/js/runtime/templates/taskdetails.html with text!/lc/apps/ws/js/runtime/templates/taskdetails.html .
To customize the task details page with tasks created in the Start Process tab of AEM Forms workspace, add the new information to /apps/ws/js/runtime/templates/startprocess.html .
To add new styles for the information added in the details page, modify the CSS file by using the User interface changes section in Workspace Customization .