적응형 양식의 구분 기호 구성 요소

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

  • 요소 이름: 구성 요소의 이름을 지정합니다. SOM 표현식은 요소 이름 필드에 지정된 값으로 구성 요소를 해결합니다.
  • 두께: 구분 기호 구성 요소의 두께(픽셀)를 지정합니다.
  • Colspan: 구분 기호 구성 요소가 속하는 열의 수를 지정합니다.
  • CSS 클래스: 구분 기호 구성 요소에 대한 사용자 지정 CSS 클래스를 지정합니다
  • 인라인 스타일: 이제 AEM Forms을 사용하여 인라인 CSS 스타일을 개별 적응형 양식 구성 요소에 적용하고 실시간으로 변경 사항을 미리 볼 수 있습니다.

구분 기호 구성 요소의 속성을 지정하려면

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

이 페이지에서는