대화형 통신 편집기의 확인란 구성 요소
aem-forms-ea@adobe.com으로 이메일을 보내시기 바랍니다.1. 소개
대화형 통신(IC) 편집기의 확인란 구성 요소를 사용하여 단일 또는 여러 개의 이진 선택(예/아니요, true/false)을 할 수 있습니다. 약관, 환경 설정, 동의 필드 및 옵트인에 일반적으로 사용되는 이 메서드는 통신 양식 내에서 부울 입력을 캡처하는 빠른 방법을 제공합니다.
이 확인란은 유연한 스타일링, 데이터 바인딩 옵션 및 가시성 규칙을 지원하므로 대화형의 사용자 친화적인 양식을 디자인할 때 가볍지만 강력한 도구입니다.
2. 속성
2.1 기본 필드
-
이름: 데이터 모델, 규칙 또는 스크립트에서 확인란을 참조하는 데 사용되는 고유 식별자입니다.
-
전환: 클릭할 때 확인란을 켜거나 끌 수 있습니다. 단일 또는 그룹 모드에서 사용할 수 있습니다.
-
캡션: 확인란 옆에 표시되는 설명 레이블로, 사용자가 동의하거나 선택하는 내용을 안내합니다.
-
예약: 상호 작용을 하지 않을 때 읽기 전용 또는 대체 모드로 표시되는 선택적 자리 표시자 텍스트 또는 기호입니다.
2.2 위치
레이아웃에서 확인란이 배치되는 위치를 정의합니다.
-
X 및 Y 좌표: 레이아웃 눈금 내에서 확인란의 위치를 설정합니다.
-
높이 및 너비: 특히 사용자 지정 비주얼 스타일이나 아이콘을 사용할 때 중요한 확인란 크기(mm 또는 px)를 정의합니다.
2.3 이익
레이아웃 조정을 위해 확인란 주위의 간격을 허용합니다.
-
상단(위)
-
아래쪽(아래쪽)
-
왼쪽
-
오른쪽
2.4 모양
확인란 및 해당 프레임의 시각적 스타일을 제어합니다.
-
확인란의 채우기: 배경색입니다(선택 또는 선택 취소한 경우).
-
획: 확인란 테두리의 윤곽선 색입니다.
-
획 너비: 테두리 선의 두께입니다.
-
스타일: 단색, 파선 또는 사용자 지정 윤곽선 패턴입니다.
-
가장자리: 확인란의 모퉁이 스타일을 정의합니다. 디자인 기본 설정에 따라 둥근 가장자리 또는 예리한 가장자리를 사용합니다.
2.5 유무
런타임 시 확인란이 표시되는 방식과 시기를 결정합니다.
-
표시: 이(가) 정상적으로 표시되고 공간을 차지합니다.
-
숨김(공간 유지): UI에서 숨겨졌지만 레이아웃 공간은 유지됩니다. 레이아웃 손상 없이 조건부 가시성에 유용합니다.
2.6 데이터 바인딩
확인란을 통해 외부 또는 내부 데이터 소스와 상호 작용할 수 있습니다.
데이터 바인딩 형식:
이름 사용: 구성 요소의 필드 이름을 사용하여 값을 바인딩합니다.
글로벌 데이터 사용: 통신에서 공유되는 글로벌 데이터 모델에 연결합니다.
데이터 바인딩 없음: 확인란은 독립 실행형으로 유지되며 데이터 모델에 저장되지 않습니다.
3. 사용
확인란은 다음과 같은 시나리오에서 일반적으로 사용됩니다.
-
동의 필드: 예: "약관에 동의합니다"
-
사용자 환경 설정:(예: "뉴스레터 구독")
-
다중 선택 항목: 예: "적용 가능한 모든 옵션 선택"
-
양식 승인: 예: "위의 세부 정보가 올바른지 확인합니다."
확인란을 레이아웃 격자 또는 패널 내부에 배치하고 함께 그룹화하여 양식의 구성을 개선할 수 있습니다.
4. 우수 사례
-
사용자가 선택하는 내용을 이해하는 데 도움이 되도록 명확하고 간결한 캡션을 사용하십시오.
-
이진 입력에 대해서만 확인란을 사용하여 복잡하지 않도록 합니다. 전용 옵션에는 라디오 단추를 사용합니다.
-
깨끗한 UI에 대한 여백 및 레이아웃 설정을 사용하여 적절한 간격을 유지하십시오.
-
캡처된 선택 항목을 저장하거나 처리해야 할 경우 의미 있는 데이터 모델 참조에 확인란을 바인딩합니다.
-
확인란이 이전 입력 또는 조건에 따라 달라지는 경우 가시성 규칙을 사용합니다.
대화형 통신 편집기의 확인란 구성 요소는 이진 입력을 위한 간단하지만 필수적인 구성 요소입니다. 스타일링, 조건부 존재, 유연한 데이터 바인딩이 지원되면서 스마트 디지털 양식에서 상호 작용과 사용자 제어를 강화하는 데 핵심적인 역할을 합니다. 사용자 정의 레이블, 일관된 스타일 및 의미 있는 데이터 통합으로 구현하면 확인란이 부드럽고 직관적인 양식 경험에 크게 기여합니다.