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

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

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

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

  1. AEM Forms 작업 공간 사용자 지정을 위한 일반 단계를 따릅니다.

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

    [ required블록]은(는) 작업 정보에 대한 작업 블록, 프로세스 정보에 대한 프로세스 블록, 보류 중인 작업 정보에 대해 현재 보류 중인 작업 블록과 같은 사용 가능한 블록을 참조합니다.

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

    "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.htmltext!/lc/apps/ws/js/runtime/templates/taskdetails.html 로 검색하고 바꿉니다.

노트

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

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

이 페이지에서는