自定義任務詳細資訊頁

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

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

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

  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工作區的​啟動程式​標籤中建立的工作來自訂工作詳細資訊頁面,請將新資訊新增至/apps/ws/js/runtime/templates/startprocess.html

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

本頁內容