Configuração de componentes no modo de design configuring-components-in-design-mode
Quando AEM instância é instalada e pronta para uso, uma seleção de componentes é disponibilizada imediatamente no navegador de componentes.
Além disso, vários outros componentes também estão disponíveis. Você pode usar o Modo de design para ativar/desativar tais componentes. Quando ativado e localizado na página, você pode usar o Modo de design para configurar os aspectos do design do componente editando os parâmetros do atributo.
/etc
)./apps
para oferecer suporte a cenários de implantação contínua. Designs armazenados em /apps
não são editáveis no tempo de execução e o modo Design não estará disponível para usuários não administradores nesses 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 tipos diferentes a uma página, pois 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 com o seguinte:
- Uma imagem do produto (na forma de uma imagem ou de um parágrafo de imagem)
- A descrição do produto (como um parágrafo de texto)
- Uma tabela com dados técnicos (como parágrafo de tabela)
- Um formulário preenchido pelos usuários (como um formulário começa, um elemento de formulário e um parágrafo final de formulário)
parsys
.Ativar/desativar componentes enable-disable-components
Para ativar ou desativar um componente:
-
Selecione o Design modo.
-
Toque ou clique em um componente. O componente terá uma borda azul quando selecionado.
-
Clique ou toque no Pai ícone .
Isso selecionará o sistema de parágrafo que contém o componente atual.
-
O Configurar ícone para o sistema de parágrafo será 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
No 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, marcando o nome do grupo e todos podem ser desmarcados, desmarcando.
- Um sinal de menos representa pelo menos um, mas não todos os itens em um grupo são selecionados.
- Uma pesquisa está 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.
A configuração é definida por componente de página. Se as páginas filhas usarem o mesmo modelo e/ou componente de página (normalmente alinhado), a mesma configuração será aplicada ao sistema de parágrafo correspondente.
note note NOTE Os componentes de formulário adaptável são projetados para funcionar dentro do Contêiner de formulário adaptável para aproveitar 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
No Configurações é possível definir opções adicionais, como para desenhar uma âncora para cada componente e definir o preenchimento da célula de cada contêiner.
-
Selecionar Concluído para salvar sua configuração.
Configuração do design de um componente configuring-the-design-of-a-component
-
Selecione o Design modo.
-
Toque ou clique em um componente com uma borda azul. Neste exemplo, um componente de imagem herói é selecionado.
-
Use o 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
O Propriedades permite configurar os parâmetros de design importantes do componente. Por exemplo, para um componente de imagem, você pode definir o tamanho máximo e mínimo da imagem permitida.
Recursos
O Recursos permite ativar ou desativar recursos adicionais do componente. Por exemplo, para um componente de imagem, você pode definir a orientação da imagem, as opções de corte disponíveis e se uma imagem pode ser carregada.
Estilos
O Estilos permite definir as classes e os estilos de CSS a serem usados com o componente.
Use o Adicionar para adicionar mais entradas a uma lista de diálogo de várias entradas.
Use o ícone Excluir para remover uma entrada de uma lista de diálogo de várias entradas.
Use o Mover ícone para reorganizar a ordem de entradas em uma lista de diálogo de várias entradas.
-
Clique ou toque no Concluído para salvar e fechar a caixa de diálogo.