핵심 구성 요소 기반 적응형 Forms의 레이아웃 기능

Experience Manager Forms 인스턴스에 로그인합니다.

왼쪽 상단 모서리에서 Adobe Experience Manager > Forms > Forms 및 문서 ​를 선택합니다.

기존 적응형 양식이 이미 생성된 경우 편집 모드로 엽니다.

또는 새 적응형 양식을 만들수도 있습니다.

양식 편집기 내에서 레이아웃을 추가할 수 있는 섹션을 찾습니다.

추가 아이콘을 클릭합니다. 아이콘은 새 구성 요소를 추가하는 옵션을 나타내는 더하기 기호(+)입니다.

추가 아이콘을 클릭하면 삽입할 다양한 구성 요소를 표시하는 새 구성 요소 삽입 대화 상자가 표시됩니다.

대화 상자에서 사용 가능한 구성 요소를 탐색하고 목록에서 원하는 레이아웃을 선택합니다. 여기서는 수평 탭 레이아웃을 삽입할 수평 탭 구성 요소를 선택합니다.

양식에 가로 탭 구성 요소를 추가하면 처음에는 기본적으로 Item1과 Item2라는 두 개의 빈 패널로 구성됩니다. 이러한 패널에 양식 구성 요소를 수동으로 추가해야 합니다.

수평 탭 구성 요소의 속성을 열고 구성 요소의 이름을 지정합니다.
예를 들어 이 경우 가로 탭 구성 요소의 이름을 IT 요청 양식으로 추가합니다.

완료 ​를 클릭합니다.

가로 탭 구성 요소 속성을 열고 항목 탭을 클릭합니다.

새 패널을 추가하려면 추가 아이콘을 클릭하십시오.

추가 아이콘을 클릭하면 새 구성 요소 삽입 대화 상자가 나타납니다.

패널 구성 요소를 선택합니다.

패널 구성 요소를 선택하면 새 패널이 가로 레이아웃에 추가됩니다.

새 패널의 이름을 입력합니다. 그렇지 않으면 가로 탭 구성 요소의 속성을 저장할 수 없습니다.

아래 그림과 같이 패널 이름을 지정합니다.

완료 ​를 클릭합니다.

완료 ​를 클릭하면 세 개의 패널이 나란히 표시됩니다. 패널 이름은 각 패널의 제목으로 표시되며 양식 구성 요소를 각 패널에 추가할 수 있습니다.

패널 구성 요소의 속성을 구성할 수 있습니다. 예를 들어 IT 요청 양식에 패널 제목이 포함되지 않은 경우 패널 구성 요소의 속성을 구성하는 단계입니다.

첫 번째 패널의 속성을 엽니다.

기본 탭에서 제목 숨기기 확인란을 선택합니다.

완료 ​를 클릭합니다.

패널 내에서 구성 요소를 추가할 수 있는 섹션을 찾습니다.

추가 아이콘을 클릭합니다. 아이콘은 새 구성 요소를 추가하는 옵션을 나타내는 더하기 기호(+)입니다.

추가 아이콘을 클릭하면 삽입할 다양한 구성 요소를 표시하는 새 구성 요소 삽입 대화 상자가 표시됩니다.

표시되는 대화 상자에서 사용 가능한 구성 요소를 탐색하고 원하는 구성 요소를 선택합니다. 여기서는 텍스트 상자 구성 요소를 선택합니다.

추가된 구성 요소의 속성을 열고 이름을 지정합니다. 추가된 텍스트 상자 구성 요소의 속성을 편집하고 이름을 지정합니다.

마찬가지로 텍스트 상자 구성 요소와 이름을 두 개 더 추가하고 구성 요소를 이메일 ID 및 부서로 추가했습니다.

이제 첫 번째 패널의 구성 요소가 추가되었으므로 두 번째 패널에 구성 요소를 추가할 수 있습니다.

패널을 전환하려면 도구 모음에서 패널 선택 ​을 클릭합니다.

패널 선택 ​을 클릭하면 [가로 탭] 구성 요소에 추가된 패널 목록이 나타납니다.

패널 목록에서 2개 패널 ​을 선택하면 첫 번째 패널에서 두 번째 패널로 보기가 변경됩니다.

아래 그림과 같이 패널 2에 원하는 구성 요소를 추가하려면 단계 2에서 단계 4까지 설명된 단계를 반복합니다.

6단계 및 7단계에 설명된 단계를 수행하여 3 패널(으)로 전환합니다.

패널 3에 원하는 구성 요소를 추가하려면 단계 2에서 단계 4까지 설명된 단계를 반복합니다.

작성 환경의 오른쪽 상단 모서리에서 미리 보기 ​를 클릭합니다.

레이아웃 구성 요소의 도구 모음에서 바꾸기 아이콘을 클릭하면 구성 요소 바꾸기 대화 상자가 나타납니다.

구성 요소 바꾸기 대화 상자에서 원하는 레이아웃을 선택합니다.

레이아웃을 선택하면 그에 따라 레이아웃 내의 구성 요소 배열이 변경됩니다. 예를 들어, 구성 요소 바꾸기 대화 상자에서 세로 탭 구성 요소를 선택합니다. 패널 배열이 왼쪽의 탭으로 변경됩니다.

구성 요소를 추가할 수 있는 섹션을 찾습니다.

작성 환경의 왼쪽 패널로 이동하여 구성 요소 ​를 클릭합니다.

구성 요소 옵션을 클릭하면 사용 가능한 구성 요소 목록이 나타납니다.

사용 가능한 구성 요소를 탐색하고 원하는 구성 요소를 선택합니다.

선택한 구성 요소를 클릭하고 누른 채로 구성 요소를 드래그하여 패널 영역에 놓습니다.

마우스를 놓아 구성 요소를 패널에 놓습니다.