작업 세부 사항 페이지 사용자 지정

주의

AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

작업 세부 정보 페이지에는 작업 및 해당 프로세스에 대한 정보가 들어 있습니다. 그러나 작업 세부 사항 페이지를 사용자 지정하여 정보를 추가하거나 삭제할 수 있습니다.

다음 정보를 작업 세부 사항 페이지에 추가할 수 있습니다.

작업 세부 사항 페이지를 사용자 정의하려면

  1. 팔로우 AEM Forms 작업 공간 사용자 지정을 위한 일반 단계입니다.

  2. 추가 정보를 표시하려면 해당 키-값 쌍을 translation.json 파일 위치 todo블록 > details블록 > app블록 > [ required블록].

    다음 [ required블록] 작업 정보에 대한 작업 블록, 프로세스 정보에 대한 프로세스 블록, 보류 중인 작업 정보에 대해 현재 보류 중인 작업 블록 등의 사용 가능한 블록을 나타냅니다.

    예를 들어, 작업 세부 정보 페이지에서 경로 선택 필수 정보에 대한 정보를 추가하려면 작업 블록에 다음 키-값 쌍을 추가할 수 있습니다.

    "todo" : {
        .
        .
        .
        "details" : {
            .
            .
            "task" : {
                .
                .
                "RouteSelectionRequired" : "Route Selection Required"
            }
        }
    }
    
    노트

    지원되는 모든 언어에 해당하는 키-값 쌍을 추가합니다.

  3. 복사 /libs/ws/js/runtime/templates/taskdetails.html to /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 with text!/lc/apps/ws/js/runtime/templates/taskdetails.html.

노트

AEM Forms 작업 공간의 프로세스 시작 ​ 탭에서 만든 작업을 사용하여 작업 세부 사항 페이지를 사용자 지정하려면 새 정보를 /apps/ws/js/runtime/templates/startprocess.html.

세부 사항 페이지에 추가된 정보에 대한 새 스타일을 추가하려면 를 사용하여 CSS 파일을 수정합니다 사용자 인터페이스 변경 사항 섹션 작업 공간 사용자 지정.

이 페이지에서는