Configuração de componentes padrão no modo de design configuring-components-in-design-mode
Quando a instância do AEM é instalada imediatamente, uma seleção de componentes é disponibilizada imediatamente no navegador de componentes.
Além desses, vários outros componentes também estão disponíveis. Você pode usar o modo Design para habilitar/desabilitar esses componentes. Quando habilitado e localizado na sua página, você pode usar o modo de Design para configurar aspectos do design do componente editando os parâmetros do atributo.
/etc)./apps para oferecer suporte a cenários de implantação contínua. Os designs armazenados em /apps não são editáveis em tempo de execução e o modo Design não estará disponível para usuários não administradores para esses modelos.Isso envolve adicionar ou remover os componentes permitidos no sistema de parágrafo da página. O sistema de parágrafo ( parsys) é um componente composto que contém todos os outros componentes de parágrafo. O sistema de parágrafo permite que os autores adicionem componentes de diferentes tipos a uma página, pois ela contém todos os outros componentes de parágrafo. Cada tipo de parágrafo é representado como um componente.
Por exemplo, o conteúdo de uma página de produto pode conter um sistema de parágrafo que contenha o seguinte:
- Uma imagem do produto (no formato de uma imagem ou de um parágrafo de imagem de texto)
- A descrição do produto (como um parágrafo de texto)
- Uma tabela com dados técnicos (como um parágrafo de tabela)
- Um formulário que os usuários preenchem (no início dos formulários, elemento de formulários e parágrafo final dos formulários)
parsys.Ativar/desativar componentes enable-disable-components
Para ativar ou desativar um componente:
-
Selecione o modo Design.
-
Clique em um componente. Quando selecionado, o componente tem uma borda azul.
-
Clique no ícone Pai.
Isso selecionará o sistema de parágrafo que contém o componente atual.
-
O ícone Configurar para o sistema de parágrafo é mostrado na barra de ação do pai.
Selecione esta opção para mostrar a caixa de diálogo.
-
Use a caixa de diálogo para definir os componentes disponíveis no navegador de componentes ao editar a página atual.
A caixa de diálogo tem duas guias:
- Componentes permitidos
- Configurações
Componentes permitidos
Na guia Componentes permitidos, você define quais componentes estão disponíveis para o parsys.
- Os componentes são agrupados por seus grupos de componentes, que podem ser expandidos e recolhidos.
- Um grupo inteiro pode ser selecionado ou desmarcados, marcando ou desmarcando o nome do grupo.
- Um sinal de menos representa pelo menos um, mas não todos os itens em um grupo estão selecionados.
- Há uma pesquisa disponível para filtrar um componente por nome.
- As contagens listadas à direita do nome do grupo de componentes representam o número total de componentes selecionados nesses grupos, independentemente do filtro.
Você define a configuração por componente de página. Se as páginas secundárias usarem o mesmo modelo e/ou componente de página (geralmente alinhado), a mesma configuração será aplicada ao sistema de parágrafo correspondente.
note note NOTE Os componentes do formulário adaptável são projetados para funcionar dentro do Contêiner de formulário adaptável para usar o ecossistema do Forms. Portanto, esses componentes devem ser usados somente no editor de formulário adaptável e não funcionarão no editor de páginas do Sites. Configurações
Na guia Configurações, é possível definir opções adicionais, como desenhar uma âncora para cada componente e definir o preenchimento de célula de cada contêiner.
-
Selecione Concluído para salvar sua configuração.
Configuração do design de um componente configuring-the-design-of-a-component
-
Selecione o modo Design.
-
Clique em um componente com uma borda azul. Neste exemplo, um componente de imagem herói é selecionado.
-
Use o ícone Configurar para abrir a caixa de diálogo.
Na caixa de diálogo de design, é possível configurar o componente de acordo com os parâmetros de design disponíveis.
A caixa de diálogo tem três guias:
- Principal
- Recursos
- Estilos
Propriedades
A guia Propriedades permite configurar os parâmetros de design importantes do componente. Por exemplo, para um componente de imagem, é possível definir o tamanho máximo e mínimo da imagem permitida.
Recursos
A guia Recursos permite habilitar ou desabilitar recursos adicionais do componente. Por exemplo, para um componente de imagem, é possível definir a orientação da imagem, as opções de corte disponíveis e se uma imagem pode ser carregada.
Estilos
A guia Styles permite definir as classes e os estilos CSS a serem usados com o componente.
Use o botão Adicionar para adicionar outras entradas a uma lista de caixas de diálogo de várias entradas.
Use o ícone Excluir para remover uma entrada de uma lista de caixas de diálogo de várias entradas.
Use o ícone Mover para reorganizar a ordem das entradas em uma lista de caixas de diálogo de várias entradas.
-
Clique no ícone Concluído para salvar e fechar a caixa de diálogo.