작업 세부 사항 페이지 사용자 지정 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 작업 공간의 프로세스 시작 탭에서 만든 작업을 사용하여 작업 세부 사항 페이지를 사용자 지정하려면 새 정보를
/apps/ws/js/runtime/templates/startprocess.html
.세부 사항 페이지에 추가된 정보에 대한 새 스타일을 추가하려면 를 사용하여 CSS 파일을 수정합니다 사용자 인터페이스 변경 사항 섹션 작업 공간 사용자 지정.
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da