적응형 양식의 분리자 구성 요소 separator-component-in-adaptive-forms

새 적응형 양식 만들기또는 AEM Sites 페이지에 적응형 양식 추가작업을 할 때 현대적이고 확장 가능한 데이터 캡처 핵심 구성 요소를 사용하는 것이 좋습니다. 이러한 구성 요소는 적응형 양식 만들기 작업이 대폭 개선되어 우수한 사용자 경험을 보장할 수 있게 되었음을 나타냅니다. 이 문서에서는 기초 구성 요소를 사용하여 적응형 Forms을 작성하는 이전 방법에 대해 설명합니다.

분리자 구성 요소를 사용하여 폼의 패널을 시각적으로 분리할 수 있습니다. 분리자 구성 요소의 다음 속성을 지정하여 분리자 구성 요소의 전체 모양과 스타일을 정의할 수 있습니다.

  • 요소 이름: 구성 요소의 이름을 지정합니다. SOM 표현식은 요소 이름 필드에 지정된 값으로 구성 요소를 처리합니다.

  • 두께: 구분 기호 구성 요소의 두께를 픽셀 단위로 지정합니다.

  • CSS 클래스: 구분 기호 구성 요소의 사용자 지정 CSS 클래스를 지정합니다.

  • 인라인 스타일: 이제 AEM Forms을 사용하여 개별 적응형 양식 구성 요소에 인라인 CSS 스타일을 적용하고 변경 사항을 실시간으로 미리 볼 수 있습니다.

레이아웃 모드를 사용하여 구분자 구성 요소가 걸쳐 있는 열의 수를 정의할 수 있습니다. 자세한 내용은 레이아웃 모드를 사용하여 구성 요소의크기 조정을 참조하십시오.

분리자 구성 요소의 속성을 지정하려면 다음을 수행합니다.

  1. 구분 기호 구성 요소를 선택하고 cmppr 을(를) 선택하십시오. 사이드바에서 속성이 열립니다.
  2. CSS 속성을 지정할 수 있도록 인라인 CSS 속성 섹션에서 탭을 클릭합니다. 예: a. 필드 탭에서 항목 추가 ​를 클릭합니다. 필드가 두 개인 행이 추가됩니다.
  3. 왼쪽의 첫 번째 필드에 적용할 CSS3 속성을 지정합니다. 예: border. 아래쪽 화살표 단추를 클릭하여 속성을 선택할 수도 있습니다. 드롭다운 목록은 완전하지 않으며 이 필드에 지원되는 CSS3 속성 이름을 지정할 수 있습니다.
  4. 인접 필드에서 지정된 CSS3 속성에 유효한 값을 지정합니다. 예를들어, 3px 단색 검정 ​입니다.
  5. 다른 속성과 해당 값을 지정하려면 항목 추가 ​를 클릭하십시오.
  6. 양식의 변경 내용을 미리 보려면 미리 보기 ​를 클릭하십시오.
  7. 변경 내용을 확인하려면 확인 ​을 클릭하고 변경 내용 없이 대화 상자를 종료하려면 취소 ​를 클릭하십시오.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2