HTML5 양식의 양식 템플릿 디자인

AEM의 HTML 5 양식 구성 요소는 XFA 양식 템플릿을 HTML 5 형식으로 렌더링합니다. 양식 디자이너는 Forms 디자이너 HTML5 변환 기능을 사용합니다. 이러한 양식 템플릿은 해당 자산과 함께 AEM 저장소, 파일 시스템에 있거나 http를 통해 노출할 수 있습니다. 그러나 Forms Manager를 사용하여 양식을 관리하려는 경우 템플릿 및 자산은 AEM 저장소에 있어야 합니다.

HTML5 양식은 PDF forms의 동작과 상당히 일치하지만 두 형식 모두 다른 형식에 적용할 수 없는 몇 가지 기능이 있습니다. 예를 들어 Adobe Reader의 PDF 양식에 바코드가 적용되는 방식은 모바일 양식이나 디지털 서명이 있는 방식에따라 형식마다 다릅니다. 이러한 변형에 대한 자세한 내용은 HTML 5 양식과 PDF forms 간의 기능 차별화.

일반적인 XFA 기능에 대해서는 두 형식 모두에서 작동하는 양식을 디자인하기 위한 다음 모범 사례 및 지침을 참조하십시오.

우수 사례

스키마 바인딩 또는 양식 논리 작성과 같은 양식 템플릿을 디자인하는 대부분의 단계는 동일합니다. 그러나 Adobe Reader과 브라우저 기반 양식과 같은 강력한 클라이언트의 렌더링 및 스크립팅 엔진 간에 내재된 차이로 인해, 다음 항목에 설명된 몇 가지 권장 사항이 있습니다 모범 사례 문서. 이러한 우수 사례를 통해 양식 서식 파일이 두 형식 모두에서 예상대로 작동할 수 있도록 디자인할 수 있습니다.

AEM Forms Designer for HTML5 Forms의 기능

미리 보기 HTML

미리 보기 HTML 탭은 양식 디자이너가 디자인 프로세스 중에 HTML5 형식으로 양식을 미리 보기 위해 디자인 모드에 추가됩니다. AEM Forms Designer에서 이 기능을 활성화하고 구성하는 방법에 대한 자세한 내용은 미리 보기 HTML.

스크리블 서명

HTML5 양식의 주요 타겟은 터치 장치입니다. 따라서 AEM Forms Designer에 새로운 스크리블 서명 컨트롤이 추가됩니다. 양식 서식 파일에서 스크리블 서명 컨트롤을 클릭하거나 끌어서 놓고 구성할 수 있습니다. 이 레이아웃은 HTML5 표현물에 스크리블 필드로 렌더링되며 터치 장치에 서명을 스크리블 하는 데 사용할 수 있습니다. 데스크톱 컴퓨터에서는 마우스 컨트롤을 사용하여 스크리블 필드로 사용할 수 있습니다. 이 기능 사용 방법에 대한 자세한 내용은 XFA 스크리블 필드.

4

리치 텍스트 형식

텍스트 필드를 리치 텍스트 필드로 변환할 수 있습니다. 텍스트 필드에 서식 옵션 목록이 추가됩니다. 변환하려면 Forms 디자이너를 열고 의 텍스트 필드를 탭합니다 디자인 보기. 에서 필드 탭, 선택 리치 텍스트 에서 필드 형식 드롭다운 목록. 이제 XFA 양식이 HTML 5 양식으로 렌더링되면 필드가 리치 텍스트 필드로 렌더링됩니다. 탭 최대화 추가 서식 옵션을 보려면

이 페이지에서는