Anpassa sidan med uppgiftsinformation customizing-the-task-details-page

Sidan med uppgiftsinformation innehåller information om en uppgift och dess processer. Du kan dock anpassa informationssidan för att lägga till eller ta bort information.

Du kan lägga till följande information på informationssidan:

Så här anpassar du informationssidan:

  1. Följ allmänna steg för anpassning av AEM Forms-arbetsytan.

  2. Om du vill visa ytterligare information lägger du till motsvarande nyckelvärdepar i filen translation.json vid todoblock > detailsblock > appblock > [requiredblock].

    [requiredblocket] refererar till tillgängliga block, t.ex. aktivitetsblocket för aktivitetsinformation, processblock för processinformation och det aktuella väntande aktivitetsblocket för information om väntande aktiviteter.

    Om du till exempel vill lägga till information om val av väg krävs på sidan med uppgiftsinformation kan du lägga till följande nyckelvärdepar i åtgärdsblocket:

    code language-json
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    note note
    NOTE
    Lägg till motsvarande nyckelvärdepar för alla språk som stöds.
  3. Kopiera /libs/ws/js/runtime/templates/taskdetails.html till /apps/ws/js/runtime/templates/taskdetails.html.

    Lägg till den nya informationen i /apps/ws/js/runtime/templates/taskdetails.html. Till exempel:

    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. Öppna /apps/ws/js/registry.js för redigering.

    Sök och ersätt text!/lc/libs/ws/js/runtime/templates/taskdetails.html med text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE
Om du vill anpassa uppgiftsinformationssidan med uppgifter som skapats på fliken Starta process på arbetsytan i AEM Forms lägger du till den nya informationen i /apps/ws/js/runtime/templates/startprocess.html.
Om du vill lägga till nya format för informationen som läggs till på informationssidan ändrar du CSS-filen med hjälp av avsnittet Ändringar i användargränssnittet i Workspace-anpassning.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2