Forms 포털 페이지 만들기 creating-a-forms-portal-page
Forms 포털 구성 요소는 웹 개발자에게 Adobe Experience Manager(AEM)를 사용하여 작성된 웹 사이트에서 양식 포털을 만들고 사용자 지정할 수 있는 구성 요소를 제공합니다. 양식 포털에 대한 간략한 개요는 포털에 양식 게시 소개를 참조하십시오.
사전 요구 사항 prerequisites
Forms 포털 구성 요소는 기본적으로 사용할 수 없습니다. Forms 포털 구성 요소 사용에 설명된 대로 다음 Forms 포털 구성 요소 범주가 활성화되어 있는지 확인하십시오.
문서 서비스 에는 검색 및 목록, 링크, 초안 및 제출 구성 요소가 포함되어 있습니다.
문서 서비스 조건자 에는 날짜 조건자, 전체 텍스트 조건자, 속성 조건자 및 태그 조건자 구성 요소가 포함되어 있습니다. 이러한 구성 요소는 검색 및 목록 구성 요소에서 검색을 구성하는 데 사용됩니다.
AEM 사이트 페이지에서 이러한 구성 요소 카테고리가 활성화되면 구성 요소 브라우저에서 사용할 수 있습니다.
Forms 포털 구성 요소 범주
검색 및 목록 구성 요소 search-amp-lister-component
문서 서비스 구성 요소 카테고리 아래에 있는 검색 및 목록 구성 요소를 사용하여 페이지에 양식을 나열하고 나열된 양식에 검색을 구현할 수 있습니다. 구성 요소에는 두 개의 창이 있습니다.
- 양식이 나열된 목록 창입니다.
- 검색 기능을 추가하는 검색 창.
구성 요소 브라우저의 문서 서비스 구성 요소 카테고리에서 검색 및 목록 구성 요소를 페이지로 드래그 앤 드롭할 수 있습니다. 구성 요소가 추가되면 다음과 유사합니다.
그리드 레이아웃이 있는 페이지의 검색 및 목록 구성 요소
목록 창 list-pane
목록 창은 양식이 나열되는 영역입니다. 검색 및 목록 구성 요소는 목록 창에서 양식 표시를 제어하는 데 사용할 수 있는 다양한 구성 옵션을 제공합니다.
목록 창을 구성하려면 검색 및 목록 구성 요소를 선택한 다음 을 선택합니다. 구성 요소 편집 대화 상자가 열립니다.
편집 모드의 목록 창
편집 대화 상자에는 아래 표에 설명된 구성 옵션을 제공하는 여러 탭이 있습니다. 완료되면 확인 을 선택하여 구성을 저장합니다.
검색 창 search-pane
검색 창에서는 AEM Sidekick의 문서 서비스 술어 범주에서 날짜 술어, 전체 텍스트 술어, 속성 술어 및 태그 술어 구성 요소를 추가할 수 있습니다. 이러한 구성 요소는 사용자가 나열된 양식에서 검색을 수행할 수 있는 검색 기능을 구현합니다.
팁: 미리 설정된 기준에 따라 양식 포털에 표시되는 양식 목록을 제어하고 최종 사용자를 위한 검색 기능을 숨길 수 있습니다. 양식 목록을 제어하려면 술어 구성 요소를 사용하여 검색 필터를 적용합니다. 구성 요소 편집 대화 상자의 표시 탭에서 기본 필터 값을 지정하고 검색을 비활성화할 수도 있습니다.
날짜, 전체 텍스트, 속성 및 태그 술어가 있는 검색 패널
날짜 조건자 date-predicate
날짜 설명 구성 요소가 추가되면 지정된 기간 동안 수정된 나열된 양식을 검색할 수 있습니다.
날짜 설명 구성 요소를 구성하려면 다음을 수행하십시오.
-
구성 요소를 선택한 다음 을(를) 선택하십시오. 편집 대화 상자가 열립니다.
-
다음을 지정합니다.
-
유형: 사용 가능한 옵션은 마지막 수정 날짜 뿐입니다.
-
텍스트: 날짜 설명 구성 요소의 레이블 또는 캡션입니다. 기본값은 마지막으로 수정한 날짜 입니다.
-
시작 날짜 레이블: 시작 날짜 필드의 레이블 또는 캡션
-
종료 날짜 레이블: 종료 날짜 필드의 레이블 또는 캡션
-
숨기기: 목록 양식에 기본 날짜 필터를 적용하려면
-
-
확인 선택
전체 텍스트 조건자 full-text-predicate
전체 텍스트 설명 구성 요소는 이름 및 설명과 같은 양식 데이터에 대한 전체 텍스트 검색을 구현합니다. 사용자는 모든 텍스트 문자열을 검색하여 이름 또는 설명에 텍스트가 포함된 양식을 반환할 수 있습니다.
전체 텍스트 설명 구성 요소를 구성하려면 다음을 수행합니다.
- 구성 요소를 선택한 다음 을(를) 선택하십시오. 편집 대화 상자가 열립니다.
- 주 제목 필드에 제목을 지정합니다.
- 확인 선택
속성 조건자 properties-predicate
속성 설명 구성 요소는 제목, 작성자 및 설명과 같은 양식 속성을 기반으로 양식 검색을 구현합니다.
속성 설명 구성 요소를 구성하려면 다음을 수행합니다.
-
구성 요소를 선택한 다음 을(를) 선택하십시오. 편집 대화 상자가 열립니다.
-
일반 탭에서 검색 레이블을 지정합니다. 기본값은 속성 입니다.
-
옵션 탭에서 항목 추가 를 선택합니다.
-
드롭다운 목록에서 속성을 선택하고 드롭다운 목록 아래의 필드에 속성에 대한 검색 레이블을 지정합니다.
-
속성을 더 추가하려면 4단계를 반복합니다. 지정된 조건에 따라 양식을 나열할 기본 필터 값을 지정하고 최종 사용자가 검색할 속성을 숨길 수도 있습니다. 속성에 대한 숨기기 확인란을 선택하고 기본 필터 값을 지정합니다.
예를 들어 제목에 "이동"이 포함된 양식을 표시하려면 제목 속성 옆에 있는 숨기기를 선택합니다. 또한 기본 필터 값 텍스트 상자에 [이동]을 지정합니다. -
확인 선택
태그 조건자 tags-predicate
태그 설명 구성 요소는 Forms Manager에 정의된 태그를 기반으로 양식 검색을 구현합니다.
태그 술어 구성 요소를 구성하려면 다음 작업을 수행하십시오.
- 구성 요소를 선택한 다음 을(를) 선택하십시오. 편집 대화 상자가 열립니다.
- 태그 필드 옆에 있는 아래쪽 화살표 단추를 선택합니다.
- 적절한 태그 선택
- 확인 선택
선택한 태그는 검색 창에 선택 확인란과 함께 나타납니다. 이제 사용자는 태그를 기반으로 검색 범위를 좁힐 수 있습니다.
페이지의 양식 나열 list-forms-on-a-page-br
페이지에 양식을 나열하려면 페이지에 검색 및 목록 구성 요소를 추가하고 목록 창 을 구성하십시오. 최종 사용자가 날짜, 텍스트 및 태그가 있는 양식을 검색할 수 있도록 하려면 검색 창 구성 요소를 추가하십시오.
페이지의 어디에서든 양식을 연결하려면 링크 구성 요소를 사용하십시오. 링크 구성 요소에 대한 자세한 내용은 페이지에 링크 구성 요소 포함을 참조하십시오.
초안 상태의 양식과 이미 제출된 양식을 나열하려면 초안 및 제출 구성 요소를 사용하십시오. 자세한 내용은 초안 및 제출 구성 요소 사용자 지정을 참조하십시오.
모바일 장치 친화성 mobile-device-friendliness
Forms 포털 검색 및 목록 구성 요소는 모바일 장치에 친숙하고 그에 따라 조정됩니다. 세 가지 기본 보기 모두: 격자, 카드, 패널 은 사이트가 열려 있는 장치에 따라 다시 레이아웃되며 웹 페이지도 조정된다는 사실을 제공합니다. 간단한 사실은 검색 및 목록 작성기는 구성 요소일 뿐이며 페이지 수준 스타일을 제어하지 않는다는 것입니다.
다음 이미지는 모바일 디바이스에서 열릴 때 검색 및 목록 작성기 구성 요소를 보여 줍니다.
검색 및 목록 구성 요소의
Search & Lister 구성 요소
Forms 포털 페이지 사용자 지정 customizing-a-forms-portal-page-br
Forms 포털 페이지를 사용자 지정하여 페이지에 고유한 모양을 제공할 수 있습니다. 메타데이터를 추가하여 검색 환경을 개선하고, 페이지 레이아웃을 변경하고, 사용자 지정 CSS 스타일을 추가할 수도 있습니다. 자세한 내용은 Forms 포털 구성 요소에 대한 템플릿 사용자 지정을 참조하십시오.
AEM Forms UI를 사용하면 사용자 지정 메타데이터를 양식에 추가할 수 있습니다. 사용자 지정 메타데이터는 최종 사용자에게 목록 및 검색 양식 환경을 제공하는 데 유용합니다. 사용자 지정 메타데이터에 대한 자세한 내용은 Forms 포털 구성 요소에 대한 템플릿 사용자 지정을 참조하십시오.
기본적으로 Forms 포털에서는 렌더링 작업을 제공합니다. Forms 포털을 사용자 지정하여 더 많은 작업을 추가할 수 있습니다. 자세한 내용은 양식 목록 항목에 사용자 지정 작업 추가를 참조하십시오.