적응형 양식 조각 adaptive-form-fragments

CAUTION
AEM 6.4가 확장 지원이 종료되었으며 이 설명서는 더 이상 업데이트되지 않습니다. 자세한 내용은 기술 지원 기간. 지원되는 버전 찾기 여기.

모든 양식은 특정 용도로 디자인되지만, 이름 및 주소, 가족 세부 사항, 소득 세부 사항 등과 같은 개인 세부 사항을 제공하는 등 대부분의 양식에는 몇 가지 일반적인 세그먼트가 있습니다. 양식 개발자는 새 양식을 만들 때마다 이러한 공통 세그먼트를 만들어야 합니다.

적응형 양식은 패널이나 필드 그룹과 같은 양식 세그먼트를 단 한 번만 만들어 적응형 양식에서 재사용할 수 있는 편리한 메커니즘을 제공합니다. 이러한 재사용 가능한 독립 세그먼트를 적응형 양식 조각이라고 합니다.

조각 만들기 create-a-fragment

처음부터 적응형 양식 조각을 만들거나 기존 적응형 양식의 패널을 조각으로 저장할 수 있습니다.

처음부터 조각 만들기 create-fragment-from-scratch

  1. https://에서 AEM Forms 작성자 인스턴스에 로그인합니다.[호스트 이름]:[포트]/aem/forms.html

  2. 클릭 만들기 > 적응형 양식 조각.

  3. 조각의 제목, 이름, 설명 및 태그를 지정합니다.

    note note
    NOTE
    조각에 대해 고유한 이름을 지정해야 합니다. 이름이 같은 다른 조각이 이미 있는 경우 조각을 만들지 못합니다.
  4. 를 클릭하여 양식 모델 탭하고, 선택 위치 드롭다운 메뉴에서 조각에 대해 다음 모델 중 하나를 선택합니다.

    • 없음: 양식 모델을 사용하지 않고 조각을 처음부터 만들도록 지정합니다.
    • 양식 템플릿: AEM Forms에 업로드된 XDP 템플릿을 사용하여 조각을 생성하도록 지정합니다. 해당 XDP 템플릿을 조각의 양식 모델로 선택합니다.

    양식 템플릿을 모델로 사용하여 적응형 양식 만들기

    선택한 양식 템플릿에서 조각으로 표시된 하위 양식도 표시됩니다. 드롭다운 목록에서 적응형 양식 조각에 대한 하위 양식을 선택할 수 있습니다.

    지정된 양식 서식 파일에서 하위 양식을 선택합니다

    또한 드롭다운 상자에서 하위 양식에 대한 SOM 표현식을 지정하여 양식 템플릿에서 조각으로 표시되지 않는 하위 양식을 사용하여 적응형 양식 조각을 생성할 수 있습니다.

    • XML 스키마: AEM Forms에 업로드된 XML 스키마를 사용하여 조각을 생성하도록 지정합니다. 사용 가능한 XML 스키마에서 조각의 양식 모델로 업로드하거나 선택할 수 있습니다.

    XML 스키마를 기반으로 하여 모델로 적응형 양식 조각을 만듭니다

    드롭다운 상자에서 선택한 스키마에 있는 complexType을 선택하여 적응형 양식 조각을 생성할 수도 있습니다.

    지정된 XML 스키마 모델에서 복합 형식을 선택합니다

  5. 클릭 만들기 을 클릭한 다음 열기 기본 템플릿을 사용하여 조각을 편집 모드에서 열려면

편집 모드에서 AEM 사이드 킥의 적응형 양식 구성 요소를 조각에 드래그 앤 드롭할 수 있습니다. 적응형 양식 구성 요소에 대한 자세한 내용은 적응형 양식 작성 소개.

또한 XML 스키마나 XDP 양식 템플릿을 조각의 양식 모델로 선택한 경우 컨텐츠 파인더에 양식 모델 계층을 표시하는 새 탭이 나타납니다. 양식 모델 요소를 조각에 드래그하여 놓을 수 있습니다. 추가된 양식 모델 요소는 연결된 XDP 또는 XSD의 원래 속성을 유지하면서 양식 구성 요소로 변환됩니다.

패널을 조각으로 저장 save-panel-as-a-fragment

  1. 적응형 양식 조각으로 저장할 패널이 포함된 적응형 양식을 엽니다.

  2. 패널 도구 모음에서 조각으로 저장. 조각으로 저장 대화 상자가 열립니다.

    note note
    NOTE
    조각으로 저장하는 패널에 하위 패널이 포함된 경우 결과 조각에 하위 패널이 포함됩니다.
  3. 조각 생성 대화 상자에서 다음 정보를 지정합니다.

    • 이름: 조각의 이름입니다. 기본값은 패널의 요소 이름입니다. 필수 필드입니다.

      note note
      NOTE
      조각에 대해 고유한 이름을 지정해야 합니다. 이름이 같은 다른 조각이 이미 있는 경우 조각을 만들지 못합니다.
    • 제목: 조각의 제목입니다. 기본값은 패널의 제목입니다.

    • 설명: 조각의 설명입니다.

    • 태그: 조각의 태그 메타데이터.

    • Target 경로: 조각을 저장할 저장소 경로. 경로를 지정하지 않으면 적응형 양식이 포함된 노드 옆에 조각의 이름과 동일한 이름이 있는 노드가 만들어집니다. 조각이 이 노드에 저장됩니다.

    • 양식 모델: 적응형 양식의 양식 모델에 따라 이 필드에 XML 스키마, 양식 템플릿, 또는 없음. 편집할 수 없는 필드입니다.

    • 조각 모델 루트: XSD 기반 적응형 양식에만 나타납니다. 조각 모델의 루트를 지정합니다. 선택할 수 있습니다 / 또는 드롭다운에서 XSD 복합 형식을 선택합니다. 복잡한 유형을 조각 모델 루트로 선택한 경우에만 다른 적응형 양식에 조각을 다시 사용할 수 있습니다.

      만약 / 조각 모델 루트로 루트의 전체 XSD 트리가 적응형 양식 데이터 모델 탭에 표시됩니다. 복잡한 유형 조각 모델 루트의 경우 선택한 복합 유형의 하위 항목만 적응형 양식 데이터 모델 탭에 표시됩니다.

    • XSD 참조: XSD 기반 적응형 양식에만 나타납니다. XML 스키마의 위치를 표시합니다.

    • XDP 참조: XDP 기반 적응형 양식에만 나타납니다. XDP 양식 템플릿의 위치를 표시합니다.

    저장 조각
    그림: 조각으로 저장 대화 상자

  4. 확인 ​을 클릭합니다.

    이 패널은 저장소의 지정된 위치 또는 기본 위치에 저장됩니다. 적응형 양식에서 패널은 조각의 스냅샷으로 대체됩니다. 아래 표시된 대로 일반 정보 패널과 하위 패널인 개인 정보 및 주소는 조각으로 저장됩니다.

    조각을 편집하려면 자산 편집 패널 도구 모음에서 를 클릭합니다. 조각이 편집 모드의 새 탭 또는 창에서 열립니다.

    조각 편집

조각을 사용한 작업 working-with-fragments

조각 모양 구성 configure-fragment-appearance

적응형 양식에 삽입하는 모든 조각은 자리 표시자 이미지로 나타납니다. 자리 표시자는 조각에서 최대 10개의 하위 패널의 제목을 표시합니다. 자리 표시자 이미지 대신 전체 조각을 표시하도록 AEM Forms을 구성할 수 있습니다.

양식에 전체 조각을 표시하려면 다음 단계를 수행하십시오.

  1. https에서 AEM 웹 콘솔 구성 페이지로 이동합니다.[호스트]:[포트]/system/console/configMgr.
  2. 검색 및 클릭 적응형 양식 및 대화형 통신 웹 채널 구성 를 클릭하여 편집 모드로 엽니다.
  3. 비활성화 조각 대신 자리 표시자 활성화 자리 표시자 이미지가 아닌 전체 조각을 표시하는 확인란.

적응형 양식에 조각 삽입 insert-a-fragment-in-an-adaptive-form

만드는 적응형 양식 조각은 AEM 컨텐츠 파인더의 적응형 양식 조각 탭에 나타납니다. 적응형 양식에 적응형 양식 조각을 삽입하려면:

  1. 적응형 양식 조각을 삽입할 편집 모드에서 적응형 양식을 엽니다.

  2. 클릭 자산 자산 브라우저 을 클릭합니다. 자산 브라우저에서 을(를) 선택합니다 적응형 양식 조각 드롭다운

    양식 모델(양식 템플릿, XML 스키마 또는 기본)을 기반으로 모든 적응형 양식 조각이나 필터를 표시하도록 선택할 수도 있습니다.

  3. 적응형 양식 조각을 적응형 양식에 드래그하여 놓습니다.

    note note
    NOTE
    적응형 양식 조각은 적응형 양식 내에서 작성할 수 없습니다. 또한 JSON 기반 적응형 양식에서는 XSD 기반 조각을 사용할 수 없으며 그 반대의 경우도 마찬가지입니다.

적응형 양식 조각은 적응형 양식의 참조에 의해 삽입되고 독립형 적응형 양식 조각과 동기화됩니다. 즉, 적응형 양식 조각을 업데이트할 때에는 변경 사항이 조각이 사용되는 모든 적응형 양식에 반영됩니다.

적응형 양식에 조각 포함 embed-a-fragment-in-adaptive-form

을 클릭하여 적응형 양식 조각을 적응형 양식에 포함하도록 선택할 수 있습니다 **포함 자산: *fragmentName ***​다음 예제 이미지와 같이 추가된 조각의 패널 도구 모음에 있는 단추.

적응형 양식에 양식 조각 포함

NOTE
포함된 조각이 더 이상 독립형 조각과 연결되지 않습니다. 적응형 양식 내에서 포함된 조각에서 구성 요소를 편집할 수 있습니다.

조각 내에서 조각 사용 using-fragments-within-fragments

중첩된 적응형 양식 조각을 만들 수 있습니다. 즉, 다른 조각에서 조각을 드래그하여 놓을 수 있으며 중첩된 조각 구조를 가질 수 있습니다.

조각 변경 change-fragments

를 사용하여 다른 조각별로 적응형 양식 조각을 바꾸거나 변경할 수 있습니다 조각 자산 선택 적응형 양식 조각 패널에 대한 구성 요소 편집 대화 상자의 속성.

데이터 바인딩에 대한 조각의 자동 매핑 auto-mapping-of-fragments-for-data-binding

XFA 양식 템플릿 또는 XSD 복합 유형을 사용하여 적응형 양식 조각을 만들고 조각을 적응형 양식으로 드래그 드롭하면 XFA 조각 또는 XSD 복합 유형이 조각 모델 루트가 XFA 조각 또는 XSD 복합 유형에 매핑되는 해당 적응형 양식 조각으로 자동 교체됩니다.

구성 요소 편집 대화 상자에서 조각 자산 및 해당 바인딩을 변경할 수 있습니다.

NOTE
AEM 컨텐츠 파인더의 적응형 양식 조각 라이브러리에서 바인딩된 적응형 양식 조각을 드래그 앤 드롭하고 적응형 양식 조각 패널의 구성 요소 편집 대화 상자에서 올바른 바인딩 참조를 제공할 수도 있습니다.

조각 관리 manage-fragments

AEM Forms UI를 사용하여 적응형 양식 조각에 대해 여러 작업을 수행할 수 있습니다.

  1. 이동 https://[hostname]:[port]/aem/forms.html.

  2. 클릭 선택 AEM Forms UI 도구 모음에서 적응형 양식 조각을 선택합니다. 도구 모음에는 선택한 적응형 양식 조각에서 수행할 수 있는 다음 작업이 표시됩니다.

작업
설명
열기
선택한 적응형 양식 조각을 편집 모드에서 엽니다.
속성 보기
속성 패널을 엽니다. 속성 패널에서 속성을 보고 편집하고 미리 보기를 생성하고 선택한 조각에 대한 축소판 이미지를 업로드할 수 있습니다. 자세한 내용은 메타데이터 관리.
복사
선택한 조각을 복사합니다. 붙여넣기 단추가 도구 모음에 나타납니다.
다운로드
선택한 조각을 다운로드합니다.
미리보기
XML 파일의 데이터를 조각과 병합하여 조각을 HTML 또는 사용자 지정 미리 보기로 미리 보는 옵션을 제공합니다. 자세한 내용은 양식 미리 보기.
검토 시작/검토 관리
선택한 조각 검토를 시작 및 관리할 수 있습니다. 자세한 내용은 검토 만들기 및 관리.
사전 만들기
선택한 조각을 현지화하기 위한 사전을 생성합니다. 자세한 내용은 적응형 양식 현지화.
게시/게시 취소
선택한 조각을 게시/게시 취소합니다.
삭제
선택한 조각을 삭제합니다.

조각을 포함하는 적응형 양식 현지화 localizing-adaptive-form-containing-fragments

적응형 양식 조각을 포함하는 적응형 양식을 현지화하려면 조각 및 양식을 별도로 현지화해야 합니다. 조각을 한 번 현지화하고 여러 적응형 양식으로 재사용하는 것이 좋습니다.

NOTE
조각의 현지화 키가 적응형 양식의 XLIFF 파일에 표시되지 않습니다.

조각을 사용하여 작업할 때 기억해야 할 주요 사항 key-points-to-remember-when-working-with-fragments

  • 조각 이름이 고유한지 확인합니다. 이름이 같은 기존 조각이 있는 경우 조각을 생성하지 못합니다.

  • XDP 기반 적응형 양식에서는 패널을 다른 XDP 조각을 포함하는 조각으로 저장하면 결과 조각이 자동으로 하위 XDP 조각에 바인딩됩니다. XSD 기반 적응형 양식의 경우 결과 조각이 스키마 루트에 바인딩됩니다.

  • 적응형 양식 조각을 만들면 CRXDe Lite에서 적응형 양식의 guideContainer 노드와 유사한 조각 노드가 생성됩니다.

  • 다른 양식 데이터 모델을 사용하는 적응형 양식의 조각은 지원되지 않습니다. 예를 들어 XDP 기반 조각은 XSD 기반 적응형 양식에서 지원되지 않으며 그 반대의 경우도 마찬가지입니다.

  • 적응형 양식 조각은 AEM 컨텐츠 파인더의 적응형 양식 조각 탭을 통해 사용할 수 있습니다.

  • 독립형 적응형 양식 조각의 모든 표현식, 스크립트 또는 스타일은 참조에 의해 삽입되거나 적응형 양식에 포함된 경우 유지됩니다.

  • 적응형 양식 내에서 참조용으로 삽입되는 적응형 양식 조각은 편집할 수 없습니다. 편집하려면 독립형 적응형 양식 조각을 편집하거나 조각을 적응형 양식에 포함할 수 있습니다.

  • 적응형 양식을 게시할 때는 적응형 양식에 참조로 삽입된 독립형 적응형 양식 조각을 게시해야 합니다.

  • 업데이트된 적응형 양식 조각을 다시 게시하면 변경 사항이 조각이 사용되는 적응형 양식의 게시된 인스턴스에 반영됩니다.

  • 확인 구성 요소가 포함된 적응형 양식은 익명 사용자를 지원하지 않습니다. 또한 적응형 양식 조각에서 확인 구성 요소를 사용하지 않는 것이 좋습니다.

  • (Mac 전용) 양식 조각 기능이 모든 시나리오에서 완벽하게 작동하려면 /private/etc/hosts 파일에 다음 항목을 추가합니다.

    127.0.0.1 <Host machine>

    호스트 시스템: AEM Forms이 배포되는 Apple Mac 시스템입니다.

참조 조각 reference-fragments

양식을 만드는 데 사용할 수 있는 적응형 양식 조각을 참조할 수 있습니다. 자세한 내용은 참조 조각.

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da