自定義任務詳細資訊頁 customizing-the-task-details-page
任務詳細資訊頁包含有關任務及其進程的資訊。 但是,您可以自定義任務詳細資訊頁以添加或刪除資訊。
您可以將下列資訊添加到任務詳細資訊頁中:
- 任務的JSON物件中可用的資訊(位於 AEM Forms工作區JSON物件說明)
- 處理例項的JSON物件中可用的資訊(位於 AEM Forms工作區JSON物件說明)
要自定義任務詳細資訊頁,請執行以下操作:
-
若要顯示任何其他資訊,請將對應的索引鍵值配對新增至
translation.json
檔案位置todo
區塊>details
區塊>app
區塊> [required
塊].此 [
required
塊] 指可用塊,如任務資訊的任務塊、進程資訊的進程塊和待定任務資訊的當前待定任務塊。例如,要在任務詳細資訊頁中添加有關「所需工藝路線選擇」的資訊,可以在任務塊中添加以下鍵值對:
code language-none "todo" : { . . . "details" : { . . "task" : { . . "RouteSelectionRequired" : "Route Selection Required" } } }
note note NOTE 為所有支援的語言新增對應的索引鍵值配對。 -
複製
/libs/ws/js/runtime/templates/taskdetails.html
to/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>
-
開啟/apps/ws/js/registry.js進行編輯。
搜尋和取代
text!/lc/libs/ws/js/runtime/templates/taskdetails.html
withtext!/lc/apps/ws/js/runtime/templates/taskdetails.html
.
NOTE
要使用在AEM Forms工作區的 Start Process 頁簽中建立的任務自定義任務詳細資訊頁,請將新資訊添加到
/apps/ws/js/runtime/templates/startprocess.html
.若要為詳細資訊頁面中新增的資訊新增樣式,請使用 使用者介面變更 區段 工作區自訂.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da