슬롯의 구성요소 제한

모든 레이아웃 슬롯에 대해 슬롯에서 허용되는 구성요소에 대한 특정 제한을 지정할 수 있습니다.

슬롯의 구성요소를 제한하면 허용되지 않는 구성요소를 끌어오는 사용자에게 경고 메시지가 표시되고 해당 슬롯에 구성요소를 추가/이동할 수 없습니다.

이 제한을 구성하려면 테마의 레이아웃(예: 레이아웃 파일 themes\theme_name\layouts\oneslot.htm)을 편집하고 슬롯 DIV에 사용자정의 데이터 속성을 추가하십시오.

다음은 사용자정의 속성의 형식입니다. 이전 버전과 주요 차이점은 사용자가 구성요소의 id만 지정해야 한다는 것입니다. 이전에 구성요소를 제한하려면 사용자가 상세 "<type> <id>" 구문(아직 지원됨)을 사용해야 했습니다.

data-allowed-items='["<id>:","<type>,"<type>:<id>",...]'
data-disallowed-items='["<id>":"<type>","<type>:<id>",...]

주:

data-allowed-items 및 data-disallowed-items 값은 큰 따옴표(") 또는 작은 따옴표(‘)를 사용할 수 있습니다. 다음 예제에서 data-allowed-items는 JSON 배열 주위에 작은 따옴표를 사용하고 data-disallowed-items는 JSON 배열 주위에 큰 따옴표를 사용합니다.

<div id="slot101" 
     class="scs-slot" 
     data-allowed-items='["scs-app","scs-title"]' 
     data-disallowed-items="['File List', 'scs-map']">
</div>

다음 표는 Oracle Content Management와 함께 제공된 구성요소와 각각의 ID를 나열합니다. 이름 지정 충돌을 방지하려면 사용자정의된 (로컬 또는 원격) 구성요소 ID 앞에 scs-를 붙이거나 이 표에 나열된 유형이나 ID를 사용하지 마십시오.

이름	유형	ID
문서 관리자	scs-app	문서 관리자
Facebook 좋아요	scs-app	Facebook 좋아요
Facebook 추천	scs-app	Facebook 추천
파일 목록	scs-app	파일 목록
폴더 목록	scs-app	폴더 목록
Twitter 팔로우	scs-app	Twitter 팔로우
Twitter 공유	scs-app	Twitter 공유
단추	scs-button	scs-button
기사(사용자정의 구성요소)	scs-component	scs-comp-article
헤드라인(사용자정의 구성요소)	scs-component	scs-comp-headline
이미지 및 텍스트(사용자정의 구성요소)	scs-component	scs-comp-image-text
구성요소 그룹	scs-componentgroup	scs-componentgroup
콘텐츠 검색	scs-contentsearch	scs-contentsearch
콘텐츠 목록	scs-contentlist	scs-contentlist
콘텐츠 위치 표시자	scs-component	scs-contentplaceholder
콘텐츠 항목	scs-component	scs-contentitem
구분선	scs-divider	scs-divider
문서	scs-document	scs-document
갤러리	scs-gallery	scs-gallery
갤러리 그리드	scs-gallerygrid	scs-gallerygrid
이미지	scs-image	scs-image
맵	scs-map	scs-map
단락	scs-paragraph	scs-paragraph
소셜 표시줄	scs-socialbar	scs-socialbar
스페이서	scs-spacer	scs-spacer
제목	scs-title	scs-title
YouTube	scs-youtube	scs-youtube

사용자는 로컬 또는 원격 구성요소를 생성할 수 있습니다. 이 샘플에 제공된 이름(My_Local_Component)은 이 구성요소가 슬롯 내에 제한되도록 지정할 때 사용할 수 있는 ID입니다.

그림 설명 ''GUID-860B1D63-DA20-4CA2-8427-8434586ADB01-default.png''