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

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

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

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

  1. AEM Forms 작업 영역 사용자 지정에 대한 일반 단계를 따르십시오.

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

    [requiredblock]은(는) 작업 정보에 대한 작업 블록, 프로세스 정보에 대한 프로세스 블록, 보류 중인 작업 정보에 대한 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에 새 정보를 추가하십시오.
세부 정보 페이지에 추가된 정보에 새 스타일을 추가하려면 Workspace 사용자 지정사용자 인터페이스 변경 섹션을 사용하여 CSS 파일을 수정하십시오.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2