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

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

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

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

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

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now