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

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

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

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

  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 파일을 수정합니다 사용자 인터페이스 변경 사항 섹션 작업 공간 사용자 지정.

이 페이지에서는