레이아웃 디자인 layout-design

XFA 양식 템플릿 또는 XDP는 다음 용 템플릿입니다.

XDP는 Adobe Forms Designer에서 디자인되었습니다. 이 문서에서는 양식 필드 또는 대상 영역 사용 위치 및 레이아웃 단편 사용 시기와 같이 효과적인 서신/대화형 커뮤니케이션을 만들기 위해 XDP를 디자인하는 방법에 대해 자세히 설명합니다.

문자 또는 대화형 통신의 인쇄 채널용 레이아웃 만들기 creating-a-layout-for-letters-or-for-interactive-communications-print-channel

레이아웃은 대화형 통신의 편지/인쇄 채널의 그래픽 레이아웃을 정의합니다. 레이아웃에는 "주소" 및 "참조 번호"와 같은 일반적인 양식 필드가 포함될 수 있습니다. 또한 대상 영역을 나타내는 빈 하위 양식도 포함되어 있습니다. 양식 디자이너에서 레이아웃을 만들고 완료되면 응용 프로그램 전문가가 AEM 서버에 업로드합니다. 여기에서 대화형 통신의 서신 템플릿 또는 인쇄 채널을 만들 때 레이아웃을 선택할 수 있습니다.

Designer: 레이아웃 만들기

대화형 통신의 문자/인쇄 채널에 대한 레이아웃을 만들려면 다음 단계를 따르십시오.

  1. 레이아웃을 분석하고 모든 페이지에서 반복되는 컨텐츠를 결정합니다. 일반적으로 페이지 머리글과 바닥글은 이 범주에 맞습니다. 이 콘텐츠는 레이아웃의 마스터 페이지에 배치됩니다. 나머지 콘텐츠는 레이아웃의 본문 페이지로 이동합니다. 정책 재킷에서는 로고 및 회사 주소를 마스터 페이지 머리글 및 바닥글에 추가할 수 있습니다. 예를 들어 취소 알림은 동일한 레이아웃을 사용합니다.

  2. 본문 페이지를 디자인할 때 페이지 컨텐츠를 섹션으로 나눕니다. 각 섹션은 레이아웃 자체에 포함된 하위 양식 또는 조각 레이아웃으로 디자인됩니다. 섹션에 테이블이 포함된 경우 섹션을 레이아웃 조각으로 모델링합니다.

  3. 레이아웃은 다음과 같이 디자인할 수 있습니다.

    1. 각 섹션을 섹션의 모든 요소를 포함하는 별도의 하위 양식으로 만듭니다.
    2. 각 섹션 하위 양식을 동일한 상위 하위 양식으로 만듭니다. 상위 하위 양식의 레이아웃은 이전 섹션에서 병합되는 대용량 데이터가 있는 경우 섹션이 아래로 이동할 수 있도록 플로우로 설정됩니다.
    3. 섹션 1차 레지던스는 다른 레이아웃에서도 재사용할 수 있습니다. 조각 레이아웃으로 만듭니다.
    4. 섹션 추가 관심 세부 정보 에는 서로 아래에 배치된 두 요소만 포함되어 있으며 큰 데이터를 포함할 수 있고 흐름에 따라 디자인되었습니다.
    5. 다른 섹션에는 특정 위치에 요소가 포함되어 있으므로 배치된 레이아웃으로 디자인됩니다.
    6. 섹션에 특정 위치의 요소가 포함되어 있고 이러한 요소에 대량의 데이터가 포함된 경우 섹션을 하위 양식으로 분할합니다. 그런 다음 원하는 비헤이비어를 갖도록 하위 양식을 정렬합니다.
    7. 기본 거주 섹션의 경우 자리 표시자 대상 영역을 추가합니다. 이 자리 표시자는 편지/대화형 통신 디자인 시 기본 주거지를 분할할 수 있도록 되어 있습니다.
    8. 레이아웃(및 레이아웃을 사용하는 조각(있는 경우)을 AEM Forms 서버에 업로드합니다.

XDP 템플릿에서 하위 양식 사용 usesubformxdp

대화형 통신을 만드는 데 필요한 레이아웃을 분석하면 Forms Designer을 사용하여 XDP 템플릿에서 하위 양식을 만들 수 있습니다. XDP 템플릿에 사용된 빈 하위 양식 구성 요소로 인해 대화형 통신의 인쇄 채널에 대상 영역이 표시됩니다.

NOTE
XDP 템플릿의 하위 양식 구성 요소에 컨텐츠를 추가하는 대신 대화형 통신의 인쇄 채널에 컨텐츠를 추가합니다. 문서 조각, 차트, 이미지 및 레이아웃 조각을 사용하여 인쇄 채널의 대상 영역에 콘텐츠를 추가합니다.

XDP 템플릿에서 하위 양식을 사용하려면 다음 단계를 수행하십시오.

  1. Forms Designer을 열고 파일 > 새로 만들기 > 빈 양식 사용 ​을 선택하고 다음 ​을 선택한 다음 마침 ​을 선택하여 템플릿 만들기 양식을 엽니다.

    메뉴에서 개체 라이브러리개체 옵션이 선택되어 있는지 확인하십시오.

  2. 개체 라이브러리 ​에서 하위 양식 구성 요소를 양식으로 드래그 앤 드롭하십시오.

    구성 요소 Designer

  3. 하위 양식을 선택하여 오른쪽 창의 개체 창에 하위 양식에 대한 옵션을 표시합니다.

  4. 하위 양식 탭을 선택하고 콘텐츠 드롭다운 목록에서 흐름 ​을(를) 선택합니다. 하위 양식의 왼쪽 끝점을 드래그하여 길이를 조정합니다.

    하위 양식 흐름

  5. 바인딩 탭에서:

    1. 이름 필드에 하위 폼의 이름을 지정하십시오.
    2. 데이터 바인딩 드롭다운 목록에서 데이터 바인딩 없음 ​을 선택합니다.
  6. 마찬가지로 왼쪽 창에서 루트 하위 양식을 선택합니다.

    루트 하위 양식

  7. 하위 양식 탭을 선택하고 콘텐츠 드롭다운 목록에서 흐름 ​을(를) 선택합니다. 바인딩 탭에서:

    1. 이름 필드에 하위 폼의 이름을 지정하십시오.
    2. 데이터 바인딩 드롭다운 목록에서 데이터 바인딩 없음 ​을 선택합니다.

    XDP 템플릿에 하위 양식을 더 추가하려면 2~5단계를 반복합니다. 대화형 통신을 작성하는 동안에만 텍스트, 문서 단편, 이미지 및 차트를 대상 영역에 추가합니다.

  8. 로컬 파일 시스템에 파일을 저장하려면 파일 > 다른 이름으로 저장 ​을 선택합니다.

    1. 파일을 저장할 위치로 이동하고 XDP 템플릿의 이름을 지정합니다.

    2. 다른 형식으로 저장 드롭다운 목록에서 .xdp ​을(를) 선택합니다.

    3. 저장 ​을 선택합니다.

XDP 템플릿에서 이미지 필드 구성 요소 사용 use-image-field-component-in-an-xdp-template

XDP 템플릿에서 이미지 필드 또는 하위 양식 구성 요소를 사용하고 대화형 통신을 작성하는 동안 이미지를 추가합니다.

NOTE
XDP 템플릿의 이미지 필드 또는 하위 양식 구성 요소에 이미지를 추가하는 대신 대화형 통신의 인쇄 채널에 이미지를 추가하십시오. 자세한 내용은 대화형 통신에 콘텐츠 추가를 참조하십시오.

XDP 템플릿에서 이미지 필드 구성 요소를 사용하려면 다음 단계를 수행하십시오.

  1. 개체 라이브러리 ​에서 이미지 필드 구성 요소를 양식으로 드래그 앤 드롭하십시오.

  2. 하위 양식을 선택하여 오른쪽 창의 개체 창에 하위 양식에 대한 옵션을 표시합니다.

  3. 바인딩 탭에서:

    1. 이름 필드에 이미지 필드의 이름을 지정하십시오.
    2. 데이터 바인딩 드롭다운 목록에서 데이터 바인딩 없음 ​을 선택합니다.

레이아웃 단편용 XDP 템플릿 만들기 xdplayoutfragments

Forms Designer의 표 구성 요소를 사용하여 레이아웃 조각을 만든 다음 대화형 통신의 인쇄 채널을 작성하는 동안 표를 만드는 데 사용합니다. 레이아웃 조각을 사용하여 표를 만들면 인쇄 채널을 사용하여 웹 채널을 자동 생성할 때 표 컨텐츠가 구조를 유지할 수 있습니다.

NOTE
대화형 통신을 작성하는 동안에만 테이블 셀에 텍스트를 입력하거나 양식 데이터 모델 개체를 사용하여 바인딩을 만듭니다.

Forms Designer을 사용하여 XDP 템플릿에서 표 구성 요소를 사용하려면 다음 단계를 수행하십시오.

  1. 개체 라이브러리 ​에서 테이블 구성 요소를 양식으로 드래그 앤 드롭하십시오.

  2. 표 삽입 대화 상자에서:

    1. 표의 행 및 열 수를 지정합니다.
    2. 테이블 머리글에 행을 포함하려면 테이블에 머리글 행 포함 확인란을 선택하십시오.
    3. 확인 ​을 선택합니다.
  3. 테이블 이름 옆의 왼쪽 창에서 + ​을(를) 선택하고 머리글 및 다른 행에 포함된 셀 이름을 마우스 오른쪽 단추로 클릭한 다음 개체 이름 바꾸기 ​를 선택하여 테이블 셀의 이름을 변경합니다.

  4. 디자인 보기 ​에서 표 머리글 텍스트 필드를 클릭하고 이름을 변경합니다.

  5. 개체 라이브러리 ​에서 텍스트 필드 구성 요소를 디자인 보기 ​의 각 테이블 셀로 끌어다 놓습니다. 대화형 통신을 작성하는 동안 테이블 셀을 양식 데이터 모델 개체와 바인딩할 수 있도록 이 단계를 수행합니다.

    테이블의 텍스트 필드

  6. 왼쪽 창에서 행 이름을 선택하고 개체 > 바인딩 > 각 데이터 항목에 대해 행 반복 ​을 선택합니다. 이 단계를 수행하여 컬렉션 유형의 양식 데이터 모델 개체가 있는 이 행의 테이블 셀 사이에 바인딩이 만들어지면 데이터베이스에서 사용할 수 있는 각 데이터 항목에 대해 테이블 행이 자동으로 반복되도록 합니다.

    대화형 통신을 작성하는 동안에만 테이블 셀에 텍스트를 입력하거나 양식 데이터 모델 개체를 사용하여 바인딩을 만듭니다.

  7. 로컬 파일 시스템에 파일을 저장하려면 파일 > 다른 이름으로 저장 ​을 선택합니다.

    1. 파일을 저장할 위치로 이동하고 XDP 템플릿의 이름을 지정합니다.

    2. 다른 형식으로 저장 드롭다운 목록에서 .xdp ​을(를) 선택합니다.

    3. 저장 ​을 선택합니다.

AEM Forms 서버에 XDP 템플릿 업로드 uploadxdptemplate

Forms Designer을 사용하여 XDP 템플릿을 만든 후에는 대화형 통신을 만드는 동안 템플릿을 사용할 수 있도록 템플릿을 AEM Forms 서버에 업로드해야 합니다.

  1. Forms > Forms 및 문서 ​를 선택합니다.
  2. 만들기 > 파일 업로드 ​를 선택합니다.
  3. 로컬 파일 시스템에서 XDP 템플릿의 위치로 이동한 다음 열기 ​를 선택하여 XDP 템플릿을 AEM Forms 서버로 가져옵니다.

스키마 사용 using-schema

레이아웃 또는 레이아웃 단편에서 스키마를 사용할 수 있지만 반드시 필요한 것은 아닙니다. 스키마를 사용하는 경우 다음을 확인하십시오.

  1. 편지/대화형 통신에 사용되는 레이아웃 및 모든 조각 레이아웃은 편지/대화형 통신과 동일한 스키마를 사용합니다.
  2. 데이터로 채워지는 데 필요한 모든 필드는 스키마에 바인딩됩니다.

관련 필드 만들기 creating-relatable-fields

기본적으로 모든 필드는 다양한 다른 데이터 소스와 관련이 있는 것으로 간주됩니다. 레이아웃에 데이터 소스와 관련이 없는 필드가 있으면 필드에 "_int"(내부) 접미사를 사용하여 이름을 지정하십시오(예: pageCount_int).

관련 가능한 필드는 다음과 같아야 합니다.

  • XFA <field> 또는 <exclGroup>이어야 함
  • xfa 바인딩 참조가 있습니다.
  • <exclGroup>인 경우 하나 이상의 하위 라디오 버튼 필드가 있어야 합니다. 그렇지 않으면 값 유형을 결정할 수 없습니다

관련 가능한 필드는 다음과 같아야 합니다.

  • 이름 있음

관련 가능한 필드는 다음과 같지 않아야 합니다.

  • 이름에 "_int" 접미사 포함
  • 바인딩이 "none"으로 설정됨
  • <exclGroup> 요소의 하위 항목이어야 함

관련 가능한 필드가 위에서 설명한 기준을 충족하면 레이아웃의 모든 위치 및 중첩 깊이에 있을 수 있습니다. 마스터 페이지 내에서 관련 가능한 필드를 사용할 수 있습니다.

필드는 대상 영역 하위 양식보다 레이아웃 구성이 더 유연하지만 단일 값 유형에 연결됩니다. 필드를 크게 만들거나 고정된 너비와 높이 등으로 설정할 수 있습니다. 해결된 모듈 또는 규칙 결과가 필드에 푸시됩니다.

하위 양식 및 텍스트 필드 사용 시기 결정 deciding-when-to-use-subforms-and-text-nbsp-fields

하향식 수직 흐름 레이아웃(여러 단락 또는 이미지)에서 여러 모듈 컨텐츠를 캡처하려면 하위 양식을 사용하십시오. 레이아웃은 하위 양식의 내용에 맞게 높이가 증가한다는 사실을 처리해야 합니다. 하위 양식/대상과 연결된 콘텐츠의 길이가 레이아웃에서 하위 양식에 예약된 공간을 절대 초과하지 않도록 할 수 없는 경우, 흐르는 하위 양식 컨테이너 내에 하위 양식을 하위 양식으로 만듭니다. 이 프로세스를 통해 하위 양식 아래의 레이아웃 오브젝트가 하위 양식 성장에 따라 아래로 흐르도록 할 수 있습니다.

필드가 데이터에 바인딩되어 있으므로 모듈 데이터 또는 데이터 사전 요소 데이터를 레이아웃의 스키마에 캡처하거나 마스터 페이지에 모듈 컨텐츠를 표시하려면 필드를 사용합니다. 마스터 페이지의 콘텐츠는 본문 페이지 콘텐츠와 함께 흐를 수 없으므로 이미지 필드가 머리글 로고로 사용되는지 확인해야 합니다. 이 표에서는 레이아웃에서 하위 폼이나 필드를 사용할 시기를 결정하는 더 많은 기준을 제공합니다.

다음과 같은 경우 하위 양식 사용
다음과 같은 경우 텍스트 필드 사용
여기에는 성 및 이름과 같은 요소의 조합이 포함됩니다
여기에는 정책 번호와 같은 단일 요소가 포함됩니다.
여기에는 여러 단락이 포함됩니다
텍스트가 줄 바꿈되고 양쪽 맞춤됩니다.
반복, 선택 및 조건부 데이터 그룹은 하위 양식에 바인딩되므로 동일한 결과를 얻기 위해 스크립트를 사용하는 경우 발생할 수 있는 디자인 오류의 위험을 줄일 수 있습니다

조직의 로고 및 주소와 같은 요소는 편지/대화형 통신의 모든 페이지에 표시됩니다. 이 경우 해당 요소에 대한 양식 필드를 만들어 마스터 페이지에 배치합니다. 필드 바인딩을 "데이터 바인딩 없음"으로 설정하면 필드가 편지/대화형 통신 편집기에서 관련 가능한 필드로 표시되지 않습니다. 일부 유형의 컨텐츠를 이러한 필드와 연결하려면 바인딩이 있어야 합니다.

회사 주소에 두 개 이상의 데이터 줄이 포함된 경우 "여러 줄 허용" 옵션이 있는 텍스트 필드를 사용하여 레이아웃에서 주소를 나타냅니다.

텍스트 필드의 데이터 유형을 일반 텍스트로 설정하면 서식 있는 텍스트 버전 대신 모듈 출력의 일반 텍스트 버전이 사용됩니다(모든 서식이 삭제됨). 서식을 유지하려면 텍스트 필드의 데이터 형식을 서식 있는 텍스트로 설정합니다.

텍스트가 이동됨
텍스트 필드와 이미지 필드는 마스터 페이지에서 사용됩니다. 기본 페이지는 하위 양식을 대상 영역으로 사용할 수 없습니다.
하위 양식을 데이터 요소에 바인딩하지 않고 개체를 그룹화하고 구성합니다
하위 양식 내부에 텍스트 필드가 있습니다. 하위 폼은 확장될 수 있으며 레이아웃에서 그 아래에 있는 다른 개체를 덮어쓰지 않습니다.
사후 프로세스에서 해당 데이터에 쉽게 액세스해야 합니다.

반복 요소 설정 setting-up-repetitive-elements

조직의 로고 및 주소와 같은 요소가 편지/대화형 통신의 모든 페이지에 표시되면 해당 요소에 대한 양식 필드를 만들어 마스터 페이지에 배치합니다. 이러한 필드에 이름(필드 이름) 바인딩을 사용합니다.

서버 렌더링 형식 지정 specify-the-server-nbsp-render-format

레이아웃의 서버 렌더링 형식을 다이내믹 XML 양식에 사용하십시오. 그렇지 않으면 이 레이아웃을 기반으로 하는 모든 문자/대화형 통신이 올바르게 렌더링될 수 없습니다. 기본적으로 Forms Designer의 서버 렌더링 형식은 동적 XML 양식으로 설정됩니다. 올바른 형식을 사용하고 있는지 확인하려면 다음을 수행하십시오.

  • Designer에서 파일 > 양식 속성 > 기본값 ​을 클릭하고 PDF 렌더링/형식 설정이 동적 XML 양식으로 설정되어 있는지 확인하십시오.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2