自定義任務詳細資訊頁

任務詳細資訊頁面包含有關任務及其進程的資訊。 不過,您可以自訂任務詳細資訊頁面,以新增或刪除資訊。

您可以將以下資訊添加到任務詳細資訊頁中:

要自定義任務詳細資訊頁,請執行以下操作:

  1. 遵循AEM Forms工作區自訂的一般步驟。

  2. 要顯示其他資訊,請將相應的鍵值對添加到todo塊> details塊> app塊> [塊required塊]的translation.json檔案。

    [ required塊]引用可用塊,如任務資訊的任務塊、進程資訊的進程塊和待定任務資訊的當前待定任務塊。

    例如,要在任務詳細資訊頁中添加有關「需要路由選擇」的資訊,可以在任務塊中添加以下鍵值對:

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    注意

    為所有支援的語言新增對應的金鑰值配對。

  3. /libs/ws/js/runtime/templates/taskdetails.html複製到/apps/ws/js/runtime/templates/taskdetails.html

    將新資訊添加到/apps/ws/js/runtime/templates/taskdetails.html。 例如:

    <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. 開啟/apps/ws/js/registry.js進行編輯。

    搜尋並將text!/lc/libs/ws/js/runtime/templates/taskdetails.html取代為text!/lc/apps/ws/js/runtime/templates/taskdetails.html

注意

若要使用在AEM Forms工作區的​Start Process tab中建立的工作來自訂工作詳細資訊頁面,請將新資訊新增至/apps/ws/js/runtime/templates/startprocess.html

要為詳細資訊頁面中添加的資訊添加新樣式,請使用 Workspace Customization中的​User interface changes​部分修改CSS檔案。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now