적응형 양식 템플릿 만들기 adaptive-form-templates
양식을 작성할 때 편집기에서 양식 구조, 콘텐츠 및 작업을 정의하는 필드 및 구성 요소를 추가합니다. 양식 컨테이너의 guideRootPanel
에 필드 및 구성 요소를 추가합니다. 템플릿 편집기를 사용하면 작성자가 양식을 만드는 데 사용할 수 있는 기본 구조와 초기 콘텐츠가 포함된 템플릿을 만들 수 있습니다.
예를 들어 모든 양식 작성자가 등록 양식에 특정 텍스트 상자, 탐색 단추 및 제출 단추를 포함할 수 있습니다. 작성자가 다른 등록 양식과 일치하는 양식을 만드는 데 사용할 수 있는 구성 요소로 템플릿을 만들 수 있습니다. 작성자가 템플릿을 사용하여 적응형 양식을 만들면 새 양식은 템플릿에서 지정한 구조 및 구성 요소를 상속받습니다. 템플릿 편집기 를 사용하여 다음과 같은 작업을 수행할 수 있습니다.
- 구조 레이어에서 양식의 머리글 및 바닥글 구성 요소를 추가합니다.
- 양식에 대한 초기 콘텐츠를 제공합니다.
- 테마를 지정하고 작업을 제출합니다.
소프트웨어 배포 포털에서 AEM Forms 참조 콘텐츠 패키지를 다운로드하여 설치하여 참조 테마 및 템플릿을 환경에 가져올 수 있습니다.
템플릿 작업 working-with-templates
도구 메뉴에서 Adobe Experience Manager > 도구 > 일반 > 템플릿 으로 이동하여 템플릿 편집기에 액세스할 수 있습니다. 여기에서 템플릿은 편집 가능한 템플릿을 사용할 수 있도록 설정된 폴더로 구성됩니다.
Experience Manager은 템플릿을 구성할 수 있는 전역 폴더를 제공합니다. 그러나 기본적으로 활성화되어 있지는 않습니다. 전역 폴더를 활성화하거나 템플릿용 폴더를 만들도록 관리자에게 요청할 수 있습니다. 폴더를 만드는 방법에 대한 자세한 내용은 템플릿 폴더를 참조하십시오.
템플릿 만들기 create-template
폴더를 만든 후 폴더를 열고 다음 단계를 수행하여 템플릿을 만듭니다.
-
만든 폴더 내에서 만들기 를 선택합니다.
-
템플릿 유형 선택 섹션에서 적응형 양식 템플릿 을 선택하고 다음 을 선택합니다.
-
템플릿 세부 정보 섹션에서 템플릿 제목을 입력하고 만들기 를 선택합니다.
설명을 입력할 수도 있습니다. -
완료 를 선택하여 콘솔로 돌아가거나 열기 를 선택하여 편집기에서 템플릿을 엽니다.
템플릿 편집기 UI template-editor-ui
편집할 템플릿을 열면 다음 AEM Editor 구성 요소를 볼 수 있습니다.
-
페이지 도구 모음
다음 옵션을 포함합니다.- 사이드 패널 전환: 사이드바를 표시하거나 숨길 수 있습니다.
- 페이지 정보: 게시/게시 취소 시간, 썸네일, 클라이언트측 라이브러리, 페이지 정책 및 페이지 디자인 클라이언트측 라이브러리와 같은 정보를 지정할 수 있습니다.
- 모드 선택기: 모드를 변경할 수 있습니다.구조 모드, 초기 콘텐츠, 레이아웃 제어 모드를 선택할 수 있습니다. 구조 모드에서는 머리글과 바닥글을 추가하고 사용자 정의할 수 있습니다. 초기 컨텐츠 모드에서는 양식 컨텐츠를 사용자 정의할 수 있습니다.
- 미리 보기: 템플릿을 게시할 때 템플릿의 모양을 미리 볼 수 있습니다. [레이어 선택기] 및 [미리 보기]를 사용하여 편집 모드와 미리 보기 모드를 전환할 수 있습니다.
-
사이드바: 은(는) 콘텐츠, 속성, Assets 및 구성 요소 브라우저를 제공합니다.
-
구성 요소 도구 모음: 구성 요소를 선택하면 구성 요소를 사용자 지정할 수 있는 도구 모음이 표시됩니다.
-
페이지: 템플릿을 만들기 위해 콘텐츠를 추가하는 영역입니다.
템플릿 편집 editing-a-template
적응형 양식 템플릿은 두 개의 레이어를 사용하여 만들어집니다.
- 구조
- 초기 콘텐츠
화면 오른쪽 상단의 미리 보기 옵션 옆에 있는 레이어 선택기를 사용할 수 있습니다.
구조 structure
템플릿 편집기에서 구조 레이어를 선택하면 적응형 양식 컨테이너 위아래에 레이아웃 컨테이너가 표시됩니다. 작성자는 머리글 및 바닥글에 이러한 레이아웃 컨테이너를 사용할 수 있습니다. 머리글과 바닥글을 추가, 편집 또는 사용자 정의할 수 있습니다. 적응형 양식 헤더 구성 요소를 적응형 양식 컨테이너 위의 레이아웃 컨테이너에 드래그하여 놓아 템플릿 헤더를 사용자 지정합니다. 적응형 양식 컨테이너 아래 레이아웃 컨테이너에서 적응형 양식 바닥글 구성 요소를 드래그 앤 드롭하여 템플릿 바닥글을 사용자 지정합니다.
구조 레이어의 레이아웃 컨테이너
머리글 구성 요소 B. 의 A. 레이아웃 컨테이너 바닥글 구성 요소
적응형 양식 헤더 구성 요소를 적응형 양식 컨테이너 위에 있는 레이아웃 컨테이너에 드래그 앤 드롭합니다. 구성 요소를 추가한 후 로고를 추가하고 제목을 제공할 수 있는 속성을 지정할 수 있습니다.
마찬가지로, 레이아웃 컨테이너의 바닥글 구성 요소를 적응형 양식 컨테이너 아래로 드래그 앤 드롭하면 저작권 정보와 회사 세부 정보를 제공할 수 있습니다.
구조 레이어에 머리글 및 바닥글이 추가됨
구조 레이어에서 구성 요소 잠금/잠금 해제 locking-unlocking-components-in-the-structure-layer
구조 레이어를 선택한 상태로 템플릿을 편집할 때 템플릿의 머리글과 바닥글을 잠금 해제할 수 있습니다. 템플릿에서 구성 요소 잠금이 해제된 경우 양식 작성자는 템플릿을 사용하는 적응형 양식에서 구성 요소를 편집할 수 있습니다. 구성 요소를 잠그면 양식 작성자가 적응형 양식에서 편집할 수 없습니다. 잠금 옵션은 구성 요소 도구 모음에서 사용할 수 있습니다.
예를 들어 템플릿에 헤더 구성 요소를 추가합니다. 구성 요소를 선택하면 구성 요소 도구 모음에 잠금 옵션이 표시됩니다. 일반적으로 머리글에는 회사 이름과 로고가 포함되며 양식 작성자가 템플릿에서 로고와 머리글을 변경하지 마십시오. 헤더 구성 요소가 잠긴 템플릿을 사용하여 만든 적응형 양식에서는 양식 작성자가 로고와 회사 이름을 변경할 수 없습니다.
초기 콘텐츠 initial-content
초기 컨텐츠 옵션을 선택하면 템플릿의 적응형 양식 컨테이너가 편집을 위한 적응형 양식처럼 열립니다. 적응형 양식 작성과 마찬가지로 테마 선택 및 작업 제출과 같은 초기 설정을 지정할 수 있습니다.
양식 작성자는 이 필드를 기반으로 양식을 만듭니다. 컨텐츠 흐름 구조는 템플릿의 초기 컨텐츠 레이어에 지정됩니다. 양식 템플릿의 초기 콘텐츠를 편집하는 것으로 전환하려면 페이지 도구 모음에서 미리 보기 전에
초기 컨텐츠 레이어에서 작성자가 기반으로 사용하는 적응형 양식 템플릿을 만듭니다. 템플릿 작성은 양식 작성과 유사하며, 사이드바에서 사용할 수 있는 옵션을 사용합니다. 사이드바는 콘텐츠, 속성, 에셋 및 구성 요소 브라우저를 제공합니다.
탭 및 패널을 사용하여 적응형 양식 템플릿 만들기 creating-an-adaptive-form-template-with-tabs-and-panels-nbsp
예를 들어 다음 탭으로 템플릿을 만들려고 합니다.
- 일반 정보
- 전문 정보
로고를 추가하고, 제목을 제공하고, 구조 레이어에 바닥글을 추가했습니다. 양식 작성자가 템플릿을 사용하여 양식을 만들 때 편집할 수 없도록 머리글과 바닥글을 잠급니다.
레이어를 [구조]에서 [초기 컨텐츠]로 변경하고 양식에 컨텐츠를 추가하기 시작합니다. 탭 구조를 만들려면 적응형 양식 컨테이너의 guideRootPanel에 하위 패널을 추가합니다. 패널을 추가하려면 다음 작업을 수행하십시오.
-
구성 요소를 여기로 드래그하십시오 옵션을 선택하면 + 단추를 탭하여 패널을 추가할 수 있습니다.
-
사이드바의 구성 요소 브라우저에서 패널 구성 요소를 드래그 앤 드롭할 수 있습니다.
-
구성 요소 도구 모음에서
guideRootPanel
의 자식 패널을 추가할 수 있습니다.
일반 정보 및 전문가 정보 탭을 만들려면 guideRootPanel
의 자식 패널에 두 개의 패널을 추가합니다. 패널을 선택하고
general-info
및 professional-info
(으)로 변경하고 제목을 일반 정보 및 전문 정보로 변경하십시오. 사이드바에서 컨텐츠를 선택하여 컨텐츠 브라우저를 엽니다. 양식 개체 탭에서 guideRootPanel
을(를) 선택합니다. 편집기에서 guideRootPanel이 선택됩니다. 구성 요소 도구 모음에서
탭에서 콘텐츠 추가 adding-content-in-tabs
패널을 추가하고 탭으로 구성한 후 탭 내에 필드를 추가할 수 있습니다. 편집기에서 탭을 선택하면 구성 요소를 여기로 드래그하십시오 옵션이 표시됩니다. 텍스트 상자, 목록 항목 및 버튼과 같은 구성 요소를 드래그 앤 드롭할 수 있습니다. 사이드바의 구성 요소 브라우저에서 구성 요소를 드래그 앤 드롭할 수 있습니다.
각 구성 요소에는 데이터 캡처 및 조작을 향상시키는 속성이 있습니다. 예를 들어 구성 요소의 필수 필드 속성을 활성화할 수 있습니다. 작성자가 필수 필드를 입력하지 않을 때 고객에게 표시되는 메시지를 지정할 수 있습니다. 필수 필드 메시지 속성에 메시지를 지정하십시오.
예제 템플릿에서 이름, 전화번호 및 생년월일 필드는 일반 정보 탭에 추가됩니다. [전문직 정보] 탭에는 현재 취업자, 고용형태, 교육자격 분야가 추가된다.
필드를 추가한 후 제출 및 재설정 등의 버튼을 추가할 수 있습니다.
템플릿 활성화 enabling-the-template
템플릿을 만들면 초안으로 추가됩니다. 적응형 Forms 생성에 사용할 수 있도록 템플릿을 활성화합니다. 템플릿을 활성화하려면 다음 작업을 수행하십시오.
-
Adobe Experience Manager > 도구 > 템플릿(으)로 이동하여 템플릿을 만든 폴더를 엽니다.
-
생성한 템플릿이 초안으로 표시됩니다.
-
템플릿을 선택하고 도구 모음에서 사용 을 선택합니다.
적응형 양식을 만들 때 템플릿을 선택하라는 메시지가 표시되면 템플릿이 나열된 것을 볼 수 있습니다.
템플릿 가져오기 또는 내보내기 importing-or-exporting-a-template
양식은 템플릿으로 작동합니다. 사용자 지정된 템플릿을 사용하여 만든 적응형 양식을 다운로드할 때 템플릿이 다운로드되지 않습니다. 다른 AEM Forms 인스턴스에서 양식을 가져올 때 해당 서식 파일 없이 가져옵니다. 양식을 가져왔지만 해당 템플릿을 사용할 수 없는 경우 양식이 렌더링되지 않습니다. https://<server>:<port>/crx/packmgr
의 /conf
노드에서 사용자 지정 템플릿을 패키징하고 양식을 업로드할 AEM Forms 인스턴스에 포팅할 수 있습니다. AEM Archetype을 사용하여 템플릿을 만들고 Cloud Service 인스턴스에 배포할 수도 있습니다.
- 적응형 양식 편집기 또는 적응형 양식 템플릿 편집기에서 직접 기록 문서 템플릿을 구성할 수도 있습니다. 자세한 내용은 적응형 Forms에 대한 기록 문서 생성을 참조하십시오.
양식 데이터 모델 스키마를 템플릿에 연결 associating-form-data-model-schema-in-template
작성자는 템플릿 편집기에서 양식 데이터 모델 스키마를 적응형 양식 템플릿에 연결할 수 있습니다. 이를 통해 작성자는 템플릿 편집기에서 스키마를 선택할 수 있습니다. 스키마를 템플릿에 연결하면 양식 작성자가 템플릿을 기반으로 양식을 만들 때 양식에 대해 스키마가 미리 선택됩니다. 양식 작성자가 스키마 사용을 규제하고 양식 작성자의 시간도 절약할 수 있습니다. 템플릿 편집기에서 양식 데이터 모델 스키마를 선택하려면 다음을 수행하십시오.
- 왼쪽에 있는 콘텐츠 브라우저 를 선택합니다.
- 양식 컨테이너 설정(으)로 이동합니다.
- 데이터 모델 을(를) 선택하십시오.
- 양식 데이터 모델 선택 을 통해 양식 데이터 모델을 선택하고 구성을 저장합니다.
템플릿을 사용하여 적응형 양식 만들기 creating-an-adaptive-form-using-the-template
템플릿을 만들고 활성화한 후 적응형 양식을 만들 때 Forms 관리자에서 사용할 수 있습니다. 템플릿을 사용하고 적응형 양식을 만들려면 적응형 양식 만들기를 참조하십시오.
적응형 양식을 템플릿으로 저장 saving-adaptive-form-as-template
적응형 양식을 나중에 사용할 수 있도록 템플릿으로 저장할 수도 있습니다. 적응형 양식을 템플릿으로 저장하려면 다음과 같이 하십시오.
-
적응형 양식을 선택하여 템플릿으로 저장합니다.
-
템플릿으로 저장 을 클릭합니다. 대화 상자가 나타납니다.
-
템플릿에 대해 제목(필수 필드), 위치(필수 필드) 및 설명(선택적 필드)을 지정하십시오.
-
만들기 를 클릭합니다.
권장 사항 recommendations
- 템플릿 편집기에서 양식 속성을 수정할 때는 BindReference 속성을 사용하지 마십시오.
- 중단점을 추가하려면 적응형 양식 템플릿을 작성할 때 중단점을 만듭니다.
중단점에 대한 자세한 내용은 응답형 레이아웃을 참조하세요.
추가 참조 see-also
- AEM 적응형 양식 만들기
- AEM 적응형 양식을 AEM Sites 페이지에 추가
- AEM 적응형 양식에 테마 적용
- AEM 적응형 양식에 구성 요소 추가
- AEM 적응형 양식에서 CAPTCHA 사용
- AEM 적응형 양식의 PDF 버전(DoR) 생성
- AEM 적응형 양식 번역
- 적응형 양식에 대해 Adobe Analytics를 활성화하여 Forms 사용 추적
- Microsoft SharePoint에 적응형 양식 연결
- Microsoft Power Automate에 적응형 양식 연결
- Microsoft OneDrive에 적응형 양식 연결
- Microsoft Azure Blob Storage에 적응형 양식 연결
- Salesforce에 적응형 양식 연결
- AEM 적응형 양식에서 Adobe Sign 사용
- 적응형 양식에 대해 새 로케일 추가
- 적응형 양식 데이터를 데이터베이스로 보내기
- 적응형 양식 데이터를 REST 엔드포인트로 보내기
- 적응형 양식 데이터를 AEM 워크플로로 보내기
- Forms 포털을 사용하여 AEM 웹 사이트에 AEM 적응형 양식 나열
- 적응형 양식에 버전 관리, 댓글 및 주석 추가
- 적응형 양식 비교