응용 양식의 구분 문자 구성 요소

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

• 요소 이름: 구성 요소의 이름을 지정합니다. SOM 표현식은 요소 이름 필드에 지정된 값을 갖는 구성 요소에 대해 해결합니다.

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

• CSS 클래스: 구분 문자 구성 요소에 대한 사용자 지정 CSS 클래스를 지정합니다.

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

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

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

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