Show Menu
화제×

적응형 양식의 분리자 구성 요소

구분 구성 요소를 사용하여 양식의 패널을 시각적으로 분리할 수 있습니다. 구분자 구성 요소의 다음 속성을 지정하여 전체 모양과 스타일을 정의할 수 있습니다.
  • 요소 이름:구성 요소의 이름을 지정합니다. SOM 표현식은 요소 이름 필드에 값이 지정된 구성 요소에 대해 해결합니다.
  • 두께:구분 요소의 두께(픽셀 단위)를 지정합니다.
  • CSS 클래스:구분 구성 요소에 대한 사용자 지정 CSS 클래스를 지정합니다.
  • 인라인 스타일:이제 AEM Forms를 사용하여 개별 적응형 양식 구성 요소에 인라인 CSS 스타일을 적용하고 실시간으로 변경 내용을 미리 볼 수 있습니다.
레이아웃 모드를 사용하여 구분 구성 요소가 확장되는 열의 수를 정의할 수 있습니다. 자세한 내용은 레이아웃 모드를 사용하여 구성 요소의 크기를 조정하십시오.
구분 구성 요소의 속성을 지정하려면
  1. 분리자 구성 요소를 선택하고 cmppr을 . 세로 막대에서 속성이 열립니다.
  2. 인라인 CSS 속성 섹션에서 탭을 클릭하여 CSS 속성을 지정합니다. 예:a.필드 탭에서 항목 추가를 클릭합니다 . 필드가 두 개인 행이 추가됩니다.
  3. 왼쪽의 첫 번째 필드에서 적용할 CSS3 속성을 지정합니다. 예를 들어 테두리를 ​참조하십시오. 아래쪽 화살표 단추를 클릭하여 속성을 선택할 수도 있습니다. 드롭다운 목록은 완전하지 않으며 이 필드에서 지원되는 CSS3 속성 이름을 지정할 수 있습니다.
  4. 인접한 필드에서 지정된 CSS3 속성에 유효한 값을 지정합니다. 예를 들어 3px 단색 검정입니다 .
  5. 항목 추가를 클릭하여 다른 속성과 해당 값을 지정합니다.
  6. 미리 보기를 클릭하여 양식의 변경 내용을 미리 봅니다.
  7. 확인을 클릭하여 변경 내용을 확인하거나 취소를 클릭하여 변경 사항 없이 대화 상자를 종료합니다.