DocumentaçãoAEMGuia dos Componentes principais

Cabeçalho header-adaptive-forms-core-component

Last update: Fri Nov 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • Desenvolvedor
  • Administrador
  • Usuário

Um componente de cabeçalho em um Formulário adaptável é uma seção localizada na parte superior do formulário que normalmente inclui o título, o logotipo ou o nome do formulário. O cabeçalho também pode incluir outras informações, como uma breve descrição da finalidade do formulário, o nome da organização que o criou ou informações de contato para obter ajuda com o formulário. O cabeçalho é usado para fornecer aos usuários uma visão geral do formulário e o contexto das informações que eles estão prestes a preencher. Ele é usado para ajudar os usuários a entender a finalidade do formulário e como preenchê-lo corretamente.

Exemplo

exemplo

Uso reasons-to-use-header

  • Marca: um cabeçalho pode ser usado para exibir o logotipo ou o nome da organização que criou o formulário, ajudando a estabelecer o reconhecimento e a credibilidade da marca.

  • Contexto: um cabeçalho pode fornecer uma breve descrição da finalidade do formulário, ajudando os usuários a entender o contexto no qual o formulário está sendo usado.

  • Navegação: um cabeçalho pode incluir links ou botões que permitem aos usuários navegar para outras partes do site ou do aplicativo.

  • Informações: um cabeçalho pode incluir informações de contato ou links para recursos de ajuda, tornando mais fácil para os usuários obter assistência se precisarem.

  • Experiência do usuário: um cabeçalho pode ser usado para tornar o formulário mais simples, fornecendo uma maneira clara e intuitiva para os usuários acessarem e preencherem os campos de formulário.

Versão e compatibilidade version-and-compatibility

O componente principal do cabeçalho do Forms adaptável foi lançado em fevereiro de 2023 como parte dos Componentes principais 2.0.4 para Cloud Service e Componentes principais 1.1.12 para AEM 6.5.16.0 Forms ou posterior. Esta é uma tabela que mostra todas as versões compatíveis, a compatibilidade do AEM e os links para a documentação correspondente:

Versão do componente
AEM as a Cloud Service
AEM 6.5.16.0 Forms ou posterior
v1
Compatível com a
versão 2.0.4 e posteriores
Compatível com a
versão 1.1.12 e versões posteriores, mas que sejam inferiores à 2.0.0.

Para obter informações sobre as versões dos Componentes principais, consulte o documento Versões dos Componentes principais.

Detalhes técnicos technical-details

Obtenha as informações mais recentes sobre o Componente principal de cabeçalho de Formulários adaptáveis na documentação técnica no GitHub. Para obter mais informações sobre o desenvolvimento dos Componentes principais, consulte a documentação do desenvolvedor dos Componentes principais.

Caixa de diálogo de configuração configure-dialog

Você pode personalizar facilmente sua experiência de cabeçalho para visitantes com a caixa de diálogo Configurar. Também é possível definir as opções de cabeçalho com facilidade para uma experiência do usuário perfeita.

Guia Imagem image-tab

Essa parte do cabeçalho contém o título e a imagem do cabeçalho.

Imagetab

  • Ativo de imagem: essa opção permite usar o arrastar e soltar do mouse em um ativo como uma imagem. Também é possível fazer upload de um arquivo do sistema de arquivos local usando o botão Procurar. Após adicionar uma imagem, três botões são exibidos em sua parte inferior. Após adicionar uma imagem, três botões são exibidos em sua parte inferior:

    • Editar: toque ou clique em Editar para gerenciar as representações do ativo no editor de ativos.
    • Limpar: toque ou clique em Limpar para desmarcar a imagem atualmente selecionada.
    • Selecionar: toque ou clique em Selecionar para selecionar outra imagem da pasta Ativos.

  • Título: essa opção é usada para adicionar o título ao cabeçalho. O texto predefinido é incluído na caixa de diálogo e pode ser modificado pelo usuário.

  • Vincular a: é possível vincular o cabeçalho à pasta usando o ícone de Procurar.

  • Descrição: uma descrição é uma breve explicação em texto que fornece informações adicionais ou esclarecimentos sobre a finalidade de uma imagem específica.

  • Tamanho (px): ajuda a ajustar o comprimento e a largura da imagem, aumentando ou diminuindo os pixels.

accessibilitytab

  • Texto alternativo: essa opção é usada para inserir um texto curto e descritivo como uma alternativa para a imagem para usuários com deficiência visual.

  • A imagem é decorativa - Verifique se a imagem deve ser ignorada pela tecnologia assistiva e, portanto, não requer um texto alternativo. Isso se aplica somente a imagens decorativas.

Guia Texto text-tab

Esta seção permite inserir o texto a ser incluído no cabeçalho.

Consulte também see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c