Show Menu
TOPICS×

양식 컨테이너 구성 요소

핵심 구성 요소 양식 컨테이너 구성 요소를 사용하면 간단한 제출 양식을 만들 수 있습니다.

사용량

양식 컨테이너 구성 요소를 사용하면 간단한 WCM 양식을 지원하고 중첩된 구조를 사용하여 추가 양식 구성 요소를 허용하도록 간단한 정보 제출 양식 및 기능을 작성할 수 있습니다.
컨텐츠 편집자는 구성 대화 상자를 사용하여 양식 제출 시 트리거되는 작업, 제출된 컨텐츠를 저장해야 하는 위치 및 워크플로우를 트리거해야 하는지 여부를 정의할 수 있습니다. 템플릿 작성자는 디자인 대화 상자를 사용하여 템플릿 편집기의 표준 레이아웃 컨테이너에 대한 디자인 대화 상자와 유사한 허용된 구성 요소 및 해당 매핑을 정의할 수 있습니다 .
핵심 구성 요소인 양식 컨테이너 구성 요소는 핵심 구성 요소 양식 구성 요소(단추, 텍스트, 숨김 등)의 사용만 지원합니다. 핵심 구성 요소 양식 컨테이너 내에 있는 기본 구성 요소 양식 구성 요소 사용(또는 그 반대)은 지원되지 않습니다.

버전 및 호환성

양식 컨테이너 구성 요소의 현재 버전은 v2입니다. v2는 2018년 1월 핵심 구성 요소 릴리스 2.0.0에서 도입되었으며 이 문서에 설명되어 있습니다.
다음 표에서는 구성 요소의 지원되는 모든 버전, 구성 요소의 버전이 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 설명합니다.
구성 요소 버전
AEM 6.3
AEM 6.4
AEM 6.5
클라우드 서비스로서의 AEM
v2
-
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
-
핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전을 참조하십시오 .

샘플 구성 요소 출력

양식 컨테이너 구성 요소뿐만 아니라 구성 옵션의 예 및 HTML 및 JSON 출력을 보려면 구성 요소 라이브러리를 방문하십시오 .

기술 세부 정보

양식 컨테이너 구성 요소에 대한 최신 기술 문서는 GitHub에서 찾을 수 있습니다 .
핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 참조하십시오 .

구성 대화 상자

구성 대화 상자에서는 컨텐츠 작성자가 구성 요소를 제출할 때 수행되는 작업을 정의할 수 있습니다.
선택한 작업
유형에
​따라 컨테이너 내의 사용 가능한 옵션이 달라집니다. 사용 가능한 작업 유형은 다음과 같습니다.
유형에 관계없이 각 동작에 적용되는 일반 설정이 있습니다.

메일

양식이 제출되면 메일 작업 유형은 지정된 수신자에게 이메일을 보냅니다.
  • 제목
    - 양식 제출 시 전송되는 이메일의 제목
  • 보낸 사람
    - 양식 제출 시 보낼 이메일의 보낸 사람 이메일 주소
  • 받는 사람
    - 양식 제출 시 이메일을 받을 받는 받는 사람의 주소
    • 추가
      단추를
      탭하거나 클릭하여 추가 주소 추가
    • 이메일 주소를 제거하려면
      삭제
      단추를 누르거나 클릭합니다
  • CC
    - 양식 제출 시 발송된 카본 사본을 수신자의 주소
    • 추가
      단추를
      탭하거나 클릭하여 추가 주소 추가
    • 이메일 주소를 제거하려면
      삭제
      단추를 누르거나 클릭합니다

컨텐츠 저장

양식이 제출되면 양식의 컨텐츠가 지정된 저장소 위치에 저장됩니다.
  • 컨텐츠 경로
    - 제출된 컨텐츠가 저장되는 컨텐츠 저장소 경로
  • 데이터
    보기 - 저장된 전송 데이터를 JSON으로 보려면 탭하거나 클릭합니다.
  • 워크플로우
    시작 - 양식 제출 시 저장된 컨텐츠를 페이로드로 사용하여 워크플로우를 시작하도록 구성

일반 설정

선택한 작업 유형에 관계없이 감사 페이지를 항상 정의할 수 있습니다.
  • 감사 인사 페이지
    - 사용자는 양식 제출 완료 후 지정된 페이지로 리디렉션됩니다.
    • 선택 대화 상자를 사용하여 AEM 내의 리소스를 선택합니다.
    • 감사 인사 페이지가 AEM에 없는 경우 절대 URL을 지정합니다. 절대 URL이 아닌 URL은 AEM을 기준으로 해석됩니다.
    • 양식을 제출한 후 다시 표시하려면 비워 둡니다.
    • 비워 두면 자동으로 고유 ID가 생성되어 결과 페이지를 검사하여 찾을 수 있습니다.
    • ID가 지정된 경우 작성자는 ID가 고유한지 확인해야 합니다.
    • ID를 변경하면 CSS, JS 및 데이터 레이어 추적에 영향을 줄 수 있습니다.

디자인 대화 상자

스타일 탭

양식 컨테이너 구성 요소는 AEM 스타일 시스템을 지원합니다 .