설명서AEM 6.5사용 안내서

작업 세부 정보 페이지 사용자 정의 customizing-the-task-details-page

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

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

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

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

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

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

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

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

    code language-json 
    "todo" : {
    .
    .
    .
    "details" : {
        .
        .
        "task" : {
            .
            .
            "RouteSelectionRequired" : "Route Selection Required"
        }
    }
}
    note note
    NOTE
    지원되는 모든 언어에 해당하는 키-값 쌍을 추가합니다.

  3. 복사 /libs/ws/js/runtime/templates/taskdetails.html 끝 /apps/ws/js/runtime/templates/taskdetails.html.

    새 정보 추가 /apps/ws/js/runtime/templates/taskdetails.html. 예:

    code language-css 
    <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.

NOTE
에서 생성된 작업으로 작업 세부 정보 페이지를 사용자 정의하려면 프로세스 시작 AEM Forms 작업 영역의 탭에서 새 정보를 추가할 위치: /apps/ws/js/runtime/templates/startprocess.html.
세부 정보 페이지에 추가된 정보에 대한 새 스타일을 추가하려면 다음을 사용하여 CSS 파일을 수정합니다. 사용자 인터페이스 변경 사항 의 섹션 작업 영역 사용자 지정.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2