Anpassen der Aufgabendetailseite customizing-the-task-details-page

Die Aufgabendetailseite enthält Informationen zu einer Aufgabe und ihren Prozessen. Sie können jedoch die Aufgabendetailseite anpassen, um Informationen hinzuzufügen oder zu löschen.

Sie können der Aufgabendetailseite die folgenden Informationen hinzufügen:

So passen Sie die Aufgabendetailseite an:

  1. Folgen Generische Schritte zur Anpassung von AEM Forms Workspace.

  2. Um weitere Informationen anzuzeigen, fügen Sie der translation.json Datei unter todoblock > detailsblock > appblock > [requiredblock].

    Die [requiredblock] bezieht sich auf verfügbare Bausteine, wie z. B. den Aufgabenblock für Aufgabeninformationen, den Prozessblock für Prozessinformationen und den derzeit ausstehenden Aufgabenblock für Informationen zu ausstehenden Aufgaben.

    Um beispielsweise Informationen zur Routenauswahl erforderlich auf der Aufgabendetailseite hinzuzufügen, können Sie das folgende Schlüssel-Wert-Paar zum Aufgabenblock hinzufügen:

    code language-json
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    note note
    NOTE
    Fügen Sie entsprechende Schlüssel-Wert-Paare für alle unterstützten Sprachen hinzu.
  3. Kopieren Sie /libs/ws/js/runtime/templates/taskdetails.html nach /apps/ws/js/runtime/templates/taskdetails.html.

    Fügen Sie die neuen Informationen zu /apps/ws/js/runtime/templates/taskdetails.html hinzu. Beispiel:

    code language-css
    <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. Öffnen Sie /apps/ws/js/registry.js zur Bearbeitung.

    Suchen und ersetzen Sie text!/lc/libs/ws/js/runtime/templates/taskdetails.html durch text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE
Um die Aufgabendetailseite mit Aufgaben anzupassen, die auf der Registerkarte Startprozess in AEM Forms Workspace erstellt wurden, fügen Sie die neuen Informationen zu /apps/ws/js/runtime/templates/startprocess.html hinzu.
Um neue Stile für die auf der Detailseite hinzugefügten Informationen hinzuzufügen, ändern Sie die CSS-Datei entsprechend dem Abschnitt Änderungen der Benutzeroberfläche in Anpassung von Workspace.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2