自訂工作詳細資訊頁面 customizing-the-task-details-page

作業詳細資訊頁面包含作業及其流程的資訊。 不過,您可以自訂工作詳細資訊頁面來新增或刪除資訊。

您可以將下列資訊新增至工作詳細資訊頁面:

若要自訂工作詳細資訊頁面,請執行下列動作:

  1. 追隨 AEM Forms工作區自訂的一般步驟。

  2. 若要顯示任何其他資訊,請將對應的索引鍵/值組新增至 translation.json 檔案位於 todo區塊> details區塊> app區塊> [required區塊].

    此 [required區塊] 參考可用的區塊,例如工作資訊的工作區塊、處理資訊的處理區塊,以及擱置工作資訊的目前擱置工作區塊。

    例如,若要在工作詳細資訊頁面中新增有關「需要路由選擇」的資訊,您可以在工作區塊中新增下列索引鍵/值組:

    code language-json
    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    note note
    NOTE
    為所有支援的語言新增對應的機碼值組。
  3. 複製 /libs/ws/js/runtime/templates/taskdetails.html/apps/ws/js/runtime/templates/taskdetails.html.

    將新資訊新增至 /apps/ws/js/runtime/templates/taskdetails.html. 例如:

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

    搜尋和取代 text!/lc/libs/ws/js/runtime/templates/taskdetails.html 替換為 text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

NOTE
若要使用在中建立的任務自訂任務詳細資訊頁面 開始程式 AEM Forms標籤,將新資訊新增至 /apps/ws/js/runtime/templates/startprocess.html.
若要為新增至詳細資訊頁面的資訊新增樣式,請使用 使用者介面變更 中的區段 工作區自訂.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2