레이아웃 디자인

XFA 양식 템플릿 또는 XDP는 다음 템플릿을 위한 템플릿입니다.

XDP는 Adobe Forms Designer에서 디자인됩니다. 이 문서에서는 양식 필드 또는 대상 영역을 사용하는 위치, 레이아웃 조각 사용 시기 등 효과적인 커뮤니케이션을 만들기 위해 XDP를 디자인하는 방법에 대한 자세한 내용을 제공합니다.

문자 또는 Interactive Communications의 인쇄 채널용 레이아웃 만들기

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

디자이너:레이아웃 만들기

다음 단계에 따라 대화형 통신의 문자/인쇄 채널에 대한 레이아웃을 만듭니다.

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

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

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

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

XDP 템플릿에 하위 폼 사용

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

노트

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

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

  1. Forms Designer를 열고 파일 > 새로 만들기 > 빈 양식 사용​을 선택하고 다음​을 탭한 다음 완료​를 눌러 템플릿을 만들 양식을 엽니다.

    메뉴에서 개체 라이브러리개체 옵션이 선택되어 있는지 확인합니다.

  2. 개체 라이브러리​의 하위 양식 구성 요소를 폼으로 드래그하여 놓습니다.

    구성 요소 디자이너

  3. 오른쪽 창의 개체 창에 하위 폼의 옵션을 표시할 하위 폼을 선택합니다.

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

    하위 폼

  5. 바인딩 탭에서 다음을 수행합니다.

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

    루트 하위 양식

  7. 하위 양식 탭을 선택하고 컨텐트 드롭다운 목록에서 흐름​을 선택합니다. 바인딩 탭에서 다음을 수행합니다.

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

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

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

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

    2. 다른 이름으로 저장 유형 드롭다운 목록에서 .xdp​를 선택합니다.

    3. 저장​을 누릅니다.

XDP 템플릿에서 이미지 필드 구성 요소 사용

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

노트

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

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

  1. 개체 라이브러리​의 이미지 필드 구성 요소를 양식에 드래그하여 놓습니다.

  2. 오른쪽 창의 개체 창에 하위 폼의 옵션을 표시할 하위 폼을 선택합니다.

  3. 바인딩 탭에서 다음을 수행합니다.

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

레이아웃 조각에 대한 XDP 템플릿 만들기

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

노트

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

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

  1. 개체 라이브러리​의 구성 요소를 양식에 드래그하여 놓습니다.

  2. 표 삽입 대화 상자에서 다음을 수행합니다.

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

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

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

    표의 텍스트 필드

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

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

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

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

    2. 다른 이름으로 저장 유형 드롭다운 목록에서 .xdp​를 선택합니다.

    3. 저장​을 누릅니다.

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

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

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

스키마 사용

레이아웃 또는 레이아웃 조각에서 스키마를 사용할 수 있지만 반드시 사용할 수는 없습니다. 스키마를 사용하는 경우 다음을 확인하십시오.

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

관련 가능한 필드 만들기

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

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

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

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

  • 이름이 있음

관련 가능한 필드는 다음과 같이 해서는 안 됩니다.

  • 이름에 "_int" 접미사를 포함시킵니다.
  • 바인딩이 "없음"으로 설정되어 있음
  • <excelGroup> 요소의 자식입니다.

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

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

하위 양식 및 텍스트 필드 사용 시기 결정

여러 개의 모듈 콘텐츠를 하향식 세로 방향 레이아웃(여러 단락 또는 이미지)에 캡처하려면 하위 폼을 사용합니다. 하위 폼이 하위 폼의 내용을 수용할 수 있도록 높이에서 자라는 사실을 레이아웃에 처리해야 합니다. 하위 폼/대상에 연결된 콘텐츠의 길이가 레이아웃의 하위 폼에 예약된 공간을 초과하지 않도록 확신할 수 없는 경우 하위 폼 컨테이너 안에 하위 폼을 하위 폼 만들기 이 프로세스를 수행하면 하위 폼 아래의 레이아웃 개체가 하위 폼이 증가함에 따라 아래로 플로우됩니다.

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

하위 폼 사용

텍스트 필드를 사용하여

여기에는 성 및 이름과 같은 요소 조합이 포함됩니다.

여기에는 정책 번호와 같은 단일 요소가 포함됩니다.

여러 단락이 포함되어 있습니다.

텍스트가 줄바꿈되고 균등 배치됨

반복, 선택 사항 및 조건부 데이터 그룹은 하위 양식에 연결되어 있으므로 동일한 결과를 얻기 위해 스크립트를 사용하는 경우 발생할 수 있는 디자인 오류 위험을 줄일 수 있습니다

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

회사 주소에 여러 줄의 데이터가 포함된 경우 "여러 줄 허용" 옵션과 함께 텍스트 필드를 사용하여 레이아웃의 주소를 표시합니다.

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

텍스트가 흐리게 표시됨

텍스트 필드와 이미지 필드는 마스터 페이지에서 사용됩니다. 페이지기본은 하위 양식을 대상 영역으로 사용할 수 없습니다.

하위 양식을 데이터 요소에 바인딩하지 않고 개체를 그룹화하고 구성합니다.

하위 폼 안에 텍스트 필드가 있습니다. 하위 폼은 하위 폼이 자라고 레이아웃에서 하위 폼 아래의 다른 개체를 덮어쓰지 않습니다.

게시물 프로세스에서 데이터에 쉽게 액세스할 수 있어야 합니다.

반복 요소 설정

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

서버 렌더링 형식 지정

레이아웃의 서버 렌더링 형식을 동적 XML 양식으로 사용합니다.그렇지 않으면 이 레이아웃을 기반으로 하는 문자/대화형 통신이 올바르게 렌더링되지 않습니다. 기본적으로 Forms Designer의 서버 렌더링 형식은 동적 XML 양식으로 설정됩니다. 올바른 형식을 사용하고 있는지 확인하려면:

  • 디자이너에서 파일 > 양식 속성 > 기본값​을 클릭하고 PDF 렌더링/형식 설정이 동적 XML 양식으로 설정되어 있는지 확인합니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now