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

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

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

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

  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.html을(를) 검색하여 text!/lc/apps/ws/js/runtime/templates/taskdetails.html로 바꿉니다.

노트

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

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

이 페이지에서는