프로세스 인스턴스 목록 사용자 지정

프로세스 인스턴스 목록은 AEM Forms 작업 공간의 추적 탭에 표시됩니다.

프로세스 인스턴스 목록에서 각 프로세스 인스턴스에 대해 AEM Forms 작업 영역에는 해당 인스턴스의 일부 속성이 표시됩니다. 각 프로세스 인스턴스에 대해 다음 속성을 사용할 수 있습니다. 이러한 속성은 프로세스 인스턴스 구성 요소 모델에 속성으로 저장되며 뷰 및 템플릿에서 사용할 수 있습니다.

예:

프로세스 인스턴스 카드에 프로세스 인스턴스의 description 속성을 표시하려면 다음 단계를 수행하십시오.

1. AEM Forms 작업 영역 사용자 지정](/docs/experience-manager-65/forms/using/generic-steps-html-workspace-customization.html?lang=ko)에 대한 [일반 단계를 따릅니다.

2. 다음을 수행합니다.

   1. /libs/ws/js/runtime/templates/processinstance.html이 없는 경우 해당 템플릿에 복사합니다. 모두 저장​을 클릭합니다.
   2. 클래스 = 'processDescription' inprocessinstance.html을 사용하여 프로세스 설명 div를 추가합니다.

   <div class="processDescription" title="<%= description%>"><%= description%></div>
   

3. 다음을 수행합니다.

   1. /apps/ws/js/registry.js편집을 위해 엽니다.
   2. text!/lc/libs/ws/js/runtime/templates/processinstance.html을(를) 검색하여 text!/lc/apps/ws/js/runtime/templates/processinstance.html으로 바꿉니다.

4. 위의 변경 사항은 다음과 같이 스타일 시트 /apps/ws/css/newStyle.css에 항목을 추가하여 CSS 파일을 업데이트해야 할 수 있습니다.

   .processinstance .processDescription {
    <!--Dummy values, need to be configured by user as per requirement as well as user can add or delete any property depending upon requirement-->
       width : 250px;
       font-size : 11pt;
       padding : 2px;
   }