레이아웃 디자인 layout-design

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

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

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

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

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

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

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

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

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

흐름

바인딩 탭에서:

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

마찬가지로 왼쪽 창에서 루트 하위 양식을 선택합니다.

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

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

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

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

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

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

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

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

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

바인딩 탭에서:

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

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

표 삽입 대화 상자에서:

1. 표의 행 및 열 수를 지정합니다.
2. 테이블 머리글에 행을 포함하려면 테이블에 머리글 행 포함 확인란을 선택하십시오.
3. 확인 ​을 선택합니다.

테이블 이름 옆의 왼쪽 창에서 + ​을(를) 선택하고 머리글 및 다른 행에 포함된 셀 이름을 마우스 오른쪽 단추로 클릭한 다음 개체 이름 바꾸기 ​를 선택하여 테이블 셀의 이름을 변경합니다.

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

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

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

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

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

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

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

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