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

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Ämnen:
Adaptiva formulär

Skapat för:

Användare
Utvecklare

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:

Information som är tillgänglig i JSON-objektet för en aktivitet (aktivitetsavsnittet i AEM Forms JSON-objektbeskrivning på arbetsytan)
Information tillgänglig i JSON-objektet för en processinstans (avsnittet Processinstans i JSON-objektbeskrivning för AEM Forms-arbetsytan)

Så här anpassar du informationssidan:

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

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.

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

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>`

<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>

Ö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