작업 세부 정보 페이지 사용자 정의

마지막 업데이트: 2023-12-07

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

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

작업 세부 정보 페이지를 사용자 정의하려면 다음과 같이 하십시오.

  1. 팔로우 AEM Forms 작업 영역 사용자 정의에 대한 일반 단계입니다.

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

    다음 [required차단] 은 작업 정보의 작업 블록, 프로세스 정보의 프로세스 블록, 보류 중인 작업 정보의 currentpendingtask 블록 등 사용 가능한 블록을 나타냅니다.

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

    "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.

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

이 페이지에서는