Restringir Componentes em Slots
Para qualquer slot de layout, você pode especificar algumas restrições nos componentes permitidos no slot.
Se você restringir os componentes em um slot, qualquer usuário que arrastar um componente não permitido verá uma mensagem de advertência e não poderá adicionar ou mover um componente para esse slot.
Para configurar essa restrição, edite os layouts em seu tema (por exemplo, um arquivo de layout themes\theme_name\layouts\oneslot.htm) e adicione atributos de dados personalizados ao slot div.
Esse é o formado dos atributos personalizados. A principal diferença das versões anteriores é que os usuários devem especificar apenas o id do componente. Anteriormente, para restringir um componente, os usuários tinham de usar a sintaxe "<type> <id>" detalhada (que ainda é suportada).
data-allowed-items='["<id>:","<type>,"<type>:<id>",...]' data-disallowed-items='["<id>":"<type>","<type>:<id>",...]
Nota:
O valor paradata-allowed-items e data-disallowed-items pode usar aspas duplas (") ou simples (‘). No exemplo a seguir, data-allowed-items usa o array JSON entre aspas simples, enquanto data-disallowed-items usa aspas duplas:
<div id="slot101"
class="scs-slot"
data-allowed-items='["scs-app","scs-title"]'
data-disallowed-items="['File List', 'scs-map']">
</div>
A tabela a seguir lista os componentes e seus respectivos IDs fornecidos com o Oracle Content Management. Para evitar qualquer conflito de nomes, não prefixe qualquer ID de componente personalizado (local ou remoto) com scs- nem use qualquer tipo ou ID listado nessa tabela.
| Nome | Tipo | ID |
|---|---|---|
|
Gerenciador de Documentos |
scs-app |
Gerenciador de Documentos |
|
Facebook Like |
scs-app |
Facebook Like |
|
Facebook Recommend |
scs-app |
Facebook Recommend |
|
Lista de Arquivos |
scs-app |
Lista de Arquivos |
|
Lista de Pastas |
scs-app |
Lista de Pastas |
|
Twitter Follow |
scs-app |
Twitter Follow |
|
Twitter Share |
scs-app |
Twitter Share |
|
Botão |
scs-button |
scs-button |
|
Artigo (componente personalizado) |
scs-component |
scs-comp-article |
|
Título (componente personalizado) |
scs-component |
scs-comp-headline |
|
Imagem e Texto (componente personalizado) |
scs-component |
scs-comp-image-text |
|
Grupo de Componentes |
scs-componentgroup |
scs-componentgroup |
| Pesquisa de Conteúdo | scs-contentsearch | scs-contentsearch |
| Lista de Conteúdos | scs-contentlist | scs-contentlist |
| Espaço Reservado para Conteúdo | scs-component | scs-contentplaceholder |
| Item de Conteúdo | scs-component | scs-contentitem |
|
Divisor |
scs-divider |
scs-divider |
|
Documento |
scs-document |
scs-document |
|
Galeria |
scs-gallery |
scs-gallery |
|
Grade de Galeria |
scs-gallerygrid |
scs-gallerygrid |
|
Imagem |
scs-image |
scs-image |
|
Mapa |
scs-map |
scs-map |
|
Parágrafo |
scs-paragraph |
scs-paragraph |
|
Barra Social |
scs-socialbar |
scs-socialbar |
|
Espaçador |
scs-spacer |
scs-spacer |
|
Título |
scs-title |
scs-title |
|
YouTube |
scs-youtube |
scs-youtube |
Os usuários podem criar componentes locais ou remotos. O nome fornecido nesta amostra (My_Local_Component) é o ID que pode ser usado para especificar este componente para restringir slots internos.
Descrição da ilustração GUID-860B1D63-DA20-4CA2-8427-8434586ADB01-default.png