적응형 양식 작성 소개 introduction-to-authoring-adaptive-forms

양식 데이터 모델 사용
데이터 통합 의 서로 다른 데이터 소스에서 온 엔티티와 서비스를 적응형 양식을 만드는 데 사용할 수 있는 양식 데이터 모델에 통합할 수 있습니다. 생성 중인 적응형 양식에서 여러 데이터 원본에서 데이터를 가져오고 쓰는 작업이 포함된 경우 양식 데이터 모델을 선택합니다.

XDP 양식 템플릿 사용
XFA 기반 양식이나 XDP 양식에 투자하는 경우 최적의 양식 모델이 됩니다. XFA 기반 양식을 적응형 양식으로 전환하는 직접적인 방법을 제공합니다. 기존 XFA 규칙은 연결된 적응형 양식에 유지됩니다. 결과 적응형 양식은 유효성 검사, 이벤트, 속성 및 패턴과 같은 XFA 구문을 지원합니다.

XML 스키마 정의(XSD) 또는 JSON 스키마 사용
XML 및 JSON 스키마는 조직의 백엔드 시스템에서 데이터를 생성 또는 사용하는 구조를 나타냅니다. 스키마를 적응형 양식에 연결하고 해당 요소를 사용하여 적응형 양식에 동적 컨텐츠를 추가할 수 있습니다. 적응형 양식을 작성할 때 컨텐츠 브라우저의 데이터 모델 개체 탭에서 스키마의 요소를 사용할 수 있습니다.

없음 또는 양식 모델 없이 사용

사이드바

페이지 도구 모음

구성 요소 도구 모음

적응형 양식 페이지

패널, 구성 요소, 필드와 레이아웃 등 양식 콘텐츠를 확인할 수 있습니다.

구성 요소 속성을 편집할 수 있습니다.

AEM 디지털 에셋 관리(DAM) 저장소에서 에셋을 검색, 조회 및 사용할 수 있습니다.

양식의 구성 요소를 추가할 수 있습니다.

확대하려면 클릭

컨텐츠 브라우저

콘텐츠 브라우저에서

• 양식 개체

  양식의 개체 계층 구조를 표시합니다. 작성자는 양식 오브젝트 트리의 해당 요소를 탭하여 특정 양식 구성 요소로 이동할 수 있습니다. 작성자는 오브젝트를 검색하고 이 트리에서 다시 정렬할 수 있습니다.

• 데이터 모델 개체

  양식 모델 계층을 볼 수 있습니다.

  적응형 양식에 양식 모델 요소를 드래그하여 놓을 수 있습니다. 추가된 요소는 원래 속성을 유지하면서 양식 구성 요소로 자동으로 변환됩니다. 양식에서 XML 스키마, JSON 스키마 또는 XDP 템플릿을 사용하는 경우 데이터 모델 오브젝트를 확인할 수 있습니다.

속성 브라우저

구성 요소의 속성을 편집할 수 있습니다. 속성은 구성 요소에 따라 변경됩니다. 적응형 양식 컨테이너의 속성을 보려면 다음을 수행하십시오.

구성 요소를 선택한 다음 > 적응형 양식 컨테이너 ​를 누른 다음 탭합니다. .

에셋 브라우저

이미지, 문서, 페이지, 비디오 등과 같은 다양한 유형의 콘텐츠를 구분합니다.

구성 요소 브라우저

적응형 양식을 작성하는 데 사용할 수 있는 구성 요소를 포함합니다. 구성 요소를에서 적응형 양식으로 끌어 양식 요소를 추가하고 요구 사항에 따라 추가된 요소를 구성할 수 있습니다. 다음 표에서는 구성 요소 브라우저에 나열된 구성 요소에 대해 설명합니다.

각 구성 요소에는 모양과 기능을 제어하는 관련 속성이 있습니다. 구성 요소의 속성을 구성하려면 구성 요소를 탭하고 탭합니다 를 클릭하여 속성 브라우저에서 구성 요소 속성을 엽니다.

구성 요소가 해당 요소 이름으로 식별됩니다. 탭할 때 를 채울 때 구성 요소의 이름을 요소 이름 속성 브라우저의 필드 값입니다. 요소 이름 필드는 문자, 숫자, 하이픈(-) 및 밑줄(_)만 사용할 수 있습니다. 다른 특수 문자는 사용할 수 없으며 요소 이름은 문자로 시작해야 합니다.

양식에서 제목을 볼 수 있는 한 속성 브라우저를 열지 않고 양식 편집기에서 적응형 양식 구성 요소 인라인의 제목 속성을 수정할 수 있습니다. 방법은 다음과 같습니다.

1. 을 눌러 구성 요소가 있는 구성 요소를 선택합니다 제목 속성 제목 숨기기 속성을 사용할 수 없습니다.
2. 탭 제목을 편집할 수 있도록 합니다.
3. 제목을 수정하고 Return 키를 누르거나 구성 요소 외부의 아무 곳이나 탭하여 변경 사항을 저장합니다. Esc 키를 눌러 변경 사항을 삭제합니다.

이메일 및 전화와 같은 일부 적응형 양식 구성 요소에는 기본 제공 유효성 검사 패턴이 포함되어 있습니다. 그러나 사용자 지정 유효성 검사는 유효성 검사 패턴 필드 아래에 있는 필드를 추가합니다. 기본 유효성 검사에 대한 자세한 내용은 위의 표에서 구성 요소 설명을 참조하십시오.

숫자 상자 및 이메일과 같은 적응형 양식 필드는 특수 HTML5 입력 유형을 포함하도록 구성할 수 있습니다. 이러한 필드가 모바일 장치 및 태블릿에 중점을 두면 키패드에는 필드에 정보를 입력하는 데 일반적으로 사용되는 특정 알파벳, 숫자 및 앞에 문자가 표시됩니다. 키패드에 설정된 문자 간을 전환할 필요 없이 빠르게 정보를 입력할 수 있습니다. 구성 요소에 대해 특수 입력을 허용하려면 HTML 유형 번호 사용 구성 요소 속성에서 확인란을 선택합니다.

리치 텍스트를 허용하도록 텍스트 상자 구성 요소를 활성화할 수 있습니다. 텍스트 상자에 서식 있는 텍스트를 사용하려면 리치 텍스트 허용 구성 요소 속성에서 확인란을 선택합니다.

텍스트 상자, 이메일 및 전화 구성 요소를 활성화하여 브라우저의 자동 채우기 설정에 저장된 정보에서 이름, 주소, 신용 카드, 전화 및 전자 메일과 같은 필드에 대한 값을 자동으로 채울 수 있습니다. 이 기능을 사용하려면 자동 채우기 활성화 구성 요소 속성에서 자동 채우기 속성. 사용자가 적응형 양식을 채울 때 브라우저의 자동 채우기 프로필에서 또는 사용자가 이전에 채운 값을 기반으로 값을 추천합니다. 사용자 브라우저의 자동 채우기 설정이 켜진 경우 자동 채우기가 작동합니다.

라디오 단추 및 확인란 항목의 값을 {value}={text} 형식 지정

기본적으로 파일 첨부 구성 요소는 사용자가 하나의 파일만 첨부할 수 있도록 합니다. 그러나 여러 첨부 파일을 지원하도록 구성 요소 속성을 구성할 수 있습니다. 또한 사용자가 동일한 파일 이름을 가진 여러 파일을 첨부하면 첨부 파일에서 몇 가지 문제가 발생할 수 있습니다. 따라서 양식 제출 시 제출된 각 첨부 파일에 대한 고유 식별자를 연결하는 것이 좋습니다. 방법은 다음과 같습니다.

1. AEM Forms 서버에서 Adobe Experience Manager > 도구 > 작업 > 웹 콘솔.
2. 찾기 및 탭 응용 Forms 구성 서비스.
3. 응용 Forms 구성 서비스 대화 상자에서 다음을 활성화합니다 파일 이름을 고유하게 만들기. 기본적으로 비활성화되어 있습니다.

사용자가 Safari 브라우저를 사용하여 PDF을 연결할 수 있도록 하려면 다음을 확인하십시오 application/pdf 첨부 파일 구성 요소의 지원되는 파일 유형 속성에 추가됩니다. 이전 AEM Forms 버전으로 생성된 적응형 양식에는 다음이 포함될 수 있습니다 .pdf 대신 application/pdf 를 클릭합니다.

사이드 패널 전환 : 사이드바를 표시하거나 숨길 수 있습니다.

페이지 정보 : 페이지 속성을 보고, 양식을 게시/게시 취소하고, 양식 워크플로를 시작하고, 클래식 UI에서 양식을 열 수 있습니다.

에뮬레이터 : 태블릿과 휴대폰 등 다양한 디스플레이 크기의 디자인을 에뮬레이션할 수 있습니다.

편집: 다음과 같은 다른 모드를 선택할 수 있습니다. 편집, 스타일, 개발자, ​및​ 디자인.

• 편집: 양식 및 해당 구성 요소의 속성을 편집할 수 있습니다. 예: 구성 요소 추가, 이미지 드롭, 필수 필드 지정 등.

• 스타일: 양식 구성 요소 모양을 스타일링할 수 있습니다. 예를 들어 스타일 모드에서는 패널을 선택하고 배경색을 지정할 수 있습니다.

• 개발자: 개발자는 다음 작업을 수행할 수 있습니다.

  • 구성되는 양식에 대해 살펴보십시오.
  • 장소와 시간에 따라 발생하는 문제를 디버그하면 문제 해결에 도움이 됩니다.

• 디자인: 사용자 지정 구성 요소 또는 사이드바에 나열되지 않은 기본 구성 요소를 활성화하거나 비활성화할 수 있습니다.

미리보기: 양식을 게시할 때 모양을 미리 볼 수 있습니다.

guideContainer: 적응형 양식의 루트로 표시되며 적응형 양식 시작 적응형 양식 UI에서 생성할 수 있습니다. 이 구성 요소에서 다음을 지정할 수 있습니다.

• 적응형 양식의 모바일 레이아웃: 모바일 장치에서 양식의 모양을 정의합니다.
• 감사 페이지: 양식을 제출하고 사용자가 리디렉션되는 페이지를 정의합니다.
• 제출 액션: 사용자가 양식을 제출한 후 서버에서 양식을 처리하는 방법을 정의합니다.
• 스타일링: 양식 모양을 사용자 지정하는 데 사용되는 CSS 파일 경로를 지정합니다.

rootPanel: 적응형 양식의 루트 패널입니다. 이는 항목 노드 아래의 하위 패널을 포함할 수 있습니다. 루트 패널이 포함된 각 패널에 레이아웃이 연결될 수 있습니다. 패널의 레이아웃은 양식을 배치하는 방법을 나타냅니다. 예를 들어 아코디언 레이아웃*에서 해당 항목은 아코디언 단계로 표시됩니다.

도구 모음: 적응형 양식 컨테이너에는 양식의 전역 도구 모음인 연결된 전역 도구 모음이 있습니다. 편집 막대의 도구 모음 추가 액션을 사용하여 이 도구 모음을 추가할 수 있습니다. 이를 통해 작성자는 제출, 저장, 재설정 등과 같은 액션을 추가할 수 있습니다.

assets: 이 노드에는 양식 작성에 사용되는 추가 정보가 포함되어 있습니다. 예: 양식 모델 세부 정보, 지역화 세부 정보 등).