레이아웃 모드를 사용하여 구성 요소 크기 변경 use-layout-mode-to-resize-components
대화형 통신 웹 채널 작성 인터페이스를 사용하면 레이아웃 모드를 사용하여 구성 요소의 크기를 조정할 수 있습니다. 열 내에 파란색 점을 드래그 앤 드롭하여 구성 요소를 배치할 시작점과 끝점을 정의합니다. 응답형 격자 내에서 구성 요소를 탭하면 파란색 점이 표시됩니다. 응답형 격자는 12개의 동일한 열로 구성됩니다. 대체 열의 흰색과 파란색 색상 음영은 한 열을 다른 열과 구분합니다.
레이아웃 모드를 사용하여 데스크탑, 태블릿, 휴대폰 및 기타 작은 장치와 같은 모든 장치 유형에 대한 구성 요소의 크기를 조정할 수 있습니다. 태블릿은 자동으로 데스크탑 버전에서 레이아웃 구성을 파생시키고 작은 장치는 전화에서 레이아웃 구성을 파생시킵니다. 그러나 자동으로 파생된 구성을 재정의하여 각 장치 유형에 대해 다른 구성을 정의할 수 있습니다.
레이아웃 모드 액세스 access-layout-mode
미리 보기 옵션 옆에 있는 대화형 통신 작성 인터페이스 맨 위에 표시되는 드롭다운 목록에서 레이아웃 을(를) 선택합니다. 양식이 레이아웃 모드로 표시됩니다.
-
AEM 작성자 인스턴스에 로그인하고 Adobe Experience Manager > Forms > Forms 및 문서 로 이동합니다.
-
대화형 통신을 만들거나 기존 대화형 통신을 여십시오.
-
미리 보기 옵션 옆 맨 위에 표시되는 드롭다운 목록에서 레이아웃 을 선택합니다. 양식이 레이아웃 모드로 표시됩니다.
대화형 커뮤니케이션용
구성 요소 크기 조정 resize-components
-
레이아웃 모드에서 크기를 조정할 구성 요소를 선택합니다. 파란색 점은 응답형 격자의 시작과 끝에 표시됩니다.
-
파란색 점을 드래그 앤 드롭하여 응답형 격자에서 구성 요소의 위치를 정의합니다.
구성 요소를 탭한 후 표시되는 도구 모음은 다음 옵션으로 구성됩니다.
- 상위: 구성 요소의 상위 항목을 선택하십시오.
- 새 줄로 이동: 같은 줄에 여러 구성 요소가 있는 경우 구성 요소를 다음 줄로 이동합니다.
중단점 레이아웃 되돌리기(
note note NOTE 레이아웃 모드를 사용하여 표 열, 도구 모음, 도구 모음 단추 및 대상 영역 구성 요소의 크기를 조정할 수 없습니다. 이러한 구성 요소의 크기를 조정하려면 스타일 모드를 사용하십시오.
예 example
목표: 대화형 통신에서 테이블 구성 요소와 이미지 구성 요소를 삽입하여 서로 평행하게 배치하려고 합니다.
-
대화형 통신의 웹 채널에서 편집 모드를 사용하여 표 및 이미지 구성 요소를 삽입합니다. 이미지 구성 요소가 테이블 구성 요소 뒤에 표시됩니다.
-
레이아웃 모드로 전환하고 테이블 구성 요소를 선택합니다. 구성 요소 크기를 조정하기 위한 파란색 점이 1열과 12열에 표시됩니다.
-
12열에서 응답형 격자의 6열로 파란색 점을 드래그 앤 드롭합니다.
-
마찬가지로 이미지 구성 요소를 선택하고 1열에서 응답형 격자의 7열로 파란색 점을 드래그 앤 드롭합니다. 테이블 및 이미지 구성 요소는 서로 평행하게 표시됩니다.
레이아웃 모드에서
이미지 구성 요소를 선택하고 도구 모음에서 새 줄로 이동 옵션을 선택하여 이미지 구성 요소를 다음 줄로 이동할 수 있습니다.
패널 크기 조정 resize-panels-layout-mode
개별 구성 요소 대신 전체 패널의 크기를 조정하려면 다음 단계를 수행하십시오.
-
패널에서 크기를 조정할 구성 요소를 선택하고
파란색 점은 응답형 격자의 시작과 끝에 표시됩니다.
-
파란색 점을 드래그 앤 드롭하여 응답형 격자에서 패널의 위치를 정의합니다.
1단계와 2단계를 반복하고
패널의 다중 열 레이아웃 정의
다음 단계를 실행하여 패널의 열 수를 정의합니다.
-
편집 모드에서 패널을 선택하고
-
속성을 저장하려면
-
레이아웃 모드에서 패널의 구성 요소를 선택하고
-
이전 반응형 레이아웃이 있는 양식의 레이아웃 모드 비활성화 disable-layout-mode-for-forms-with-old-responsive-layout
양식에 사용된 템플릿의 속성을 편집하여 이전 반응형 레이아웃이 있는 양식의 레이아웃 모드를 비활성화할 수 있습니다.
레이아웃 모드를 비활성화하려면 다음 단계를 수행하십시오.
-
도구 > 일반 > 서식 파일 을 선택하고 편집 모드에서 양식에 사용된 서식 파일을 엽니다.
-
왼쪽 창에서 문서 컨테이너를 선택하고 정책을 선택합니다.
-
레이아웃 설정 탭을 선택하고 레이아웃 모드 비활성화 를 선택합니다.
-
템플릿 속성을 저장하려면