Show Menu
THEMEN×

Customizing the task details page

Die Aufgabendetailseite enthält Informationen über eine Aufgabe und die zugehörigen Prozesse. Sie können jedoch die Aufgabendetailseite anpassen, um Informationen hinzuzufügen oder zu löschen.
Sie können die folgenden Informationen der Aufgabendetailseite hinzufügen:
So passen Sie die Aufgabendetailseite an:
  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.
    Um beispielsweise Informationen über „Routenauswahl erforderlich“ auf der Aufgabendetailseite hinzuzufügen, können Sie das folgende Schlüssel-Wert-Paar im Aufgabenblock hinzufügen:
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    
    Fügen Sie entsprechende Schlüssel-Wert-Paare für alle unterstützten Sprachen hinzu.
  2. Kopieren Sie /libs/ws/js/runtime/templates/taskdetails.html nach /apps/ws/js/runtime/templates/taskdetails.html .
    Hinzufügen die neuen Informationen an /apps/ws/js/runtime/templates/taskdetails.html . Beispiel:
    <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. Öffnen Sie /apps/ws/js/registry.js zur Bearbeitung.
    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 .