자습서: 템플릿 만들기 tutorial-create-templates

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

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

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

오른쪽 창의 개체 창에서 하위 양식에 대한 옵션을 볼 수 있도록 하위 양식을 선택하십시오.

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

바인딩 탭에서:

1. 이름 필드에 BillDetails ​을(를) 지정하십시오.

2. 데이터 바인딩 드롭다운 목록에서 데이터 바인딩 없음 ​을 선택합니다.

마찬가지로 루트 하위 양식을 선택하고 하위 양식 탭을 선택한 다음 콘텐츠 드롭다운 목록에서 흐름 ​을 선택합니다. 바인딩 탭에서:

1. 이름 필드에 TelecaBill ​을(를) 지정하십시오.

2. 데이터 바인딩 드롭다운 목록에서 데이터 바인딩 없음 ​을 선택합니다.

2~5단계를 반복하여 다음 하위 양식을 만듭니다.

• 청구서 세부 정보

• 고객 세부 정보

• 청구 요약

• 요약 - 하위 양식 탭을 선택하고 이 하위 양식의 콘텐츠 드롭다운 목록에서 위치 ​를 선택합니다. 요약 하위 양식에 다음 하위 양식을 삽입합니다.

  • 청구
  • 차트

• ItemisedCalls

• PayNow

• ValueAddedServices

시간을 절약하기 위해 기존 하위 양식을 복사하여 붙여 넣어 추가 하위 양식을 만들 수도 있습니다.

Charts 하위 양식을 Charges 하위 양식의 오른쪽으로 이동하려면 왼쪽 창에서 Charts 하위 양식을 선택하고 Layout 탭을 선택한 다음 AnchorX 필드의 값을 지정하십시오. 값은 Charges 하위 양식의 Width 필드 값보다 커야 합니다. 너비 필드의 값을 볼 수 있도록 청구 하위 양식을 선택하고 레이아웃 탭을 선택하십시오.

개체 라이브러리 ​에서 Text 개체를 양식으로 드래그 앤 드롭한 다음 상자에 가입하려면 전화 걸기 텍스트를 입력하십시오.

왼쪽 창에서 텍스트 개체를 마우스 오른쪽 단추로 클릭하고 개체 이름 바꾸기 ​를 선택한 다음 텍스트 개체의 이름을 구독(으)로 입력합니다.

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

1. 파일을 저장할 수 있는 위치로 이동하여 이름을 create_first_ic_print_template(으)로 지정합니다.

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

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

Forms > Forms 및 문서 ​를 선택합니다.

만들기 > 파일 업로드 ​를 선택합니다.

create_first_ic_print_template 템플릿(XDP)으로 이동하여 선택한 다음 열기 ​를 선택하여 XDP 템플릿을 AEM Forms 서버로 가져옵니다.

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

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

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

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

1. 열 수를 5(으)로 지정하십시오.
2. 본문 행 수를 1(으)로 지정하십시오.
3. 표에 머리글 행 포함 확인란을 선택합니다.
4. 확인 탭입니다.

테이블 1 옆의 왼쪽 창에서 + ​을(를) 선택하고 셀1 ​을(를) 마우스 오른쪽 단추로 클릭한 다음 개체 이름 바꾸기 ​를 선택하여 날짜 ​를 선택합니다.

마찬가지로 Cell2, Cell3, Cell4, Cell5 ​의 이름을 각각 Time, Number, Duration, Charges ​로 바꾸십시오.

Designer 보기 ​에서 머리글 텍스트 필드를 클릭하고 이름을 Time, Number, Duration 및 Charges ​로 바꾸십시오.

왼쪽 창에서 행 1 ​을 선택하고 개체 > 바인딩 > 각 데이터 항목에 대해 행 반복 ​을 선택합니다.

개체 라이브러리 ​에서 Designer 보기(으)로 텍스트 필드 구성 요소를 드래그 앤 드롭하십시오.

마찬가지로 텍스트 필드 구성 요소를 Time, Number, Duration 및 Charges 행으로 끌어서 놓습니다.

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

1. 파일을 저장할 수 있는 위치로 이동하여 이름을 table_lf(으)로 지정하십시오.

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

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

Forms Designer을 사용하여 레이아웃 조각에 대한 XDP 템플릿을 만든 후에는 레이아웃 조각을 만드는 동안 템플릿을 사용할 수 있도록 템플릿을 AEM Forms 서버에 업로드해야 합니다.

도구 > 구성 브라우저 ​를 선택합니다.

• 자세한 내용은 구성 브라우저 설명서를 참조하십시오.

[구성 브라우저] 페이지에서 만들기 ​를 선택합니다.

구성 만들기 대화 상자에서 폴더의 제목으로 Create_First_IC_templates ​을(를) 지정하고 편집 가능한 템플릿 ​을(를) 확인한 다음 만들기 ​를 선택합니다.

Create_First_IC_templates 폴더가 만들어지고 구성 브라우저 페이지에 나열됩니다.

도구 > 템플릿 > Create_First_IC_templates 폴더를 선택하여 적절한 템플릿 폴더로 이동합니다.

만들기 ​를 선택합니다.

템플릿 유형 선택 구성 마법사에서 대화형 통신 - 웹 채널 ​을 선택하고 다음 ​을 선택합니다.

템플릿 세부 정보 구성 마법사에서 Create_First_IC_Web_Template ​을(를) 템플릿 제목으로 지정합니다. 선택적 설명을 지정하고 만들기 ​를 선택하십시오.

Create_First_IC_Web_Template ​을(를) 확인하는 메시지가 표시됩니다.

템플릿 편집기에서 템플릿을 열려면 열기 ​를 선택합니다.

미리 보기 옵션 옆에 있는 드롭다운 목록에서 초기 콘텐츠 ​를 선택합니다.

템플릿에 추가할 수 있는 구성 요소 목록을 보려면 루트 패널 ​을(를) 선택한 다음 + ​을(를) 선택하십시오.

루트 패널 위에 패널을 추가하려면 목록에서 패널 ​을 선택하십시오.

왼쪽 창에서 콘텐츠 탭을 선택합니다. 8단계에서 추가된 새 패널은 콘텐츠 트리의 루트 패널 아래에 표시됩니다.

패널을 선택하고 (구성)을 선택합니다.

속성 창에서 다음을 수행합니다.

1. 이름 필드에 billdetails ​을(를) 지정합니다.

2. 제목 필드에 청구서 세부 정보 ​를 지정합니다.

3. 열 수 드롭다운 목록에서 1 ​을(를) 선택합니다.

4. 속성을 저장하려면 을 선택합니다.

패널 이름이 콘텐츠 트리에서 청구서 세부 정보(으)로 업데이트되었습니다.

7 - 11단계를 반복하여 템플릿에 다음 속성이 있는 패널을 추가합니다.

다음 이미지는 모든 패널을 템플릿에 추가한 후의 콘텐츠 트리를 보여 줍니다.

도구 > 서식 파일 ​을 선택합니다.

Create_First_IC_Web_Template 템플릿으로 이동하여 선택한 다음 활성화 ​를 선택합니다.

확인하려면 사용 ​을 다시 선택하십시오.

템플릿이 활성화되고 상태가 활성화됨으로 표시됩니다. 웹 채널용 대화형 통신을 만드는 동안 이 템플릿을 사용할 수 있습니다.

미리 보기 옵션 옆에 있는 드롭다운 목록에서 구조 ​를 선택합니다.

콘텐츠 트리를 사용하여 문서 컨테이너 루트 패널을 선택하고 정책 ​을(를) 선택하여 대화형 통신에서 사용할 수 있는 구성 요소를 선택합니다.

속성 섹션의 허용된 구성 요소 탭에서 적응형 양식 구성 요소에서 단추 ​를 선택합니다.

속성을 저장하려면 을 선택하세요.