Componente de texto text-adaptive-forms-core-component

Em um formulário adaptável, o texto refere-se ao conteúdo exibido no formulário para que o usuário leia. Isso pode incluir o texto usado para rotular um grupo de elementos do formulário, como campos de texto, bem como quaisquer instruções ou informações adicionais fornecidas ao usuário.

Isso também pode ajudar a dividir a estrutura de um formulário em seções lógicas, tornando mais fácil para os usuários compreenderem e preencherem o formulário. Além disso, ele pode ser usado para fins de acessibilidade ao fornecer uma breve descrição do elemento ao qual está associado. Normalmente, esse campo de texto é exibido próximo aos componentes do formulário, seja antes ou depois dele.

Exemplo

exemplo de texto

Uso reasons-to-use-text-label

Há vários motivos para usar texto em um formulário:

  • Fornecer instruções: o texto pode ser usado para fornecer instruções sobre como preencher o formulário ou quais informações são necessárias.

  • Fornecer contexto: o texto pode ser usado para fornecer contexto ao formulário, como explicar a finalidade do formulário ou a organização que coleta as informações.

  • Dividir o formulário em seções lógicas: o texto pode ser usado para dividir um formulário em seções lógicas, tornando mais fácil para os usuários compreenderem e preencherem o formulário.

  • Identidade e marca: o texto pode ser usado para fins de identidade visual, por exemplo, incluindo o nome da organização no formulário.

Versão e compatibilidade version-and-compatibility

O componente principal Acordeão de formulário adaptável foi lançado em fevereiro de 2023 como parte dos Componentes principais 2.0.4 para Cloud Service e dos 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 últimas informações sobre o Componente principal de texto de formulários adaptáveis na documentação técnica no GitHub. Para 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 a experiência de texto para visitantes com a caixa de diálogo de configuração. Você também pode definir opções de texto com facilidade para uma experiência de usuário perfeita.

Guia Básico

  • Nome - É possível identificar um componente de formulário facilmente com o nome exclusivo no formulário e no editor de regras, mas o nome não deve conter espaços ou caracteres especiais.

  • Referência de vínculo: uma referência de vínculo é uma referência a um elemento de dados armazenado em uma fonte de dados externa e usado em um formulário. A referência de vínculo permite vincular dinamicamente os dados a campos de formulário, de modo que o formulário possa exibir os dados mais atualizados da fonte de dados. Por exemplo, uma referência de vínculo pode ser usada para exibir o nome e o endereço de um cliente em um formulário, com base na ID do cliente inserida no formulário. A referência de vínculo também pode ser usada para atualizar a fonte de dados com os dados inseridos no formulário. Dessa forma, o AEM Forms permite criar formulários que interagem com fontes de dados externas, fornecendo uma experiência do usuário perfeita para coletar e gerenciar dados.

  • Marcar como elemento de formulário não vinculado: selecione essa opção para configurar um campo de formulário não vinculado a um esquema. Essa opção permite salvar dados sem atualizar a fonte de dados. Além disso, permite manipular dados de forma personalizada, separadamente da integração do banco de dados padrão.

  • Ocultar componente: Selecione a opção para ocultar o componente do formulário. O componente permanece acessível para outros fins, como usá-lo para cálculos no Editor de regras. Isso é útil quando você precisa armazenar informações que não precisam ser vistas ou alteradas diretamente pelo usuário.

Caixa de diálogo de design design-dialog

A caixa de diálogo de design é utilizada para definir e gerenciar os estilos CSS para o componente de texto.

Guia Estilos styles-tab

A guia é usada para definir e gerenciar os estilos CSS de um componente. O componente principal de Texto de formulários adaptáveis é compatível com o sistema de estilos do AEM.

Caixa de diálogo de design

  • Classes CSS padrão: você pode fornecer uma classe CSS padrão para o Componente principal de texto de formulários adaptáveis.

  • Estilos permitidos: você pode definir estilos fornecendo um nome e a classe CSS que o representa. Por exemplo, você pode criar um estilo chamado “texto em negrito” e fornecer a classe CSS “font-weight: bold”. Você pode usar ou aplicar esses estilos a um formulário adaptável no editor de formulários adaptáveis. Para aplicar um estilo, no editor de formulários adaptáveis, selecione o componente ao qual deseja aplicar o estilo, navegue até a caixa de diálogo de propriedades e selecione o estilo desejado na lista suspensa Estilos. Se precisar atualizar ou modificar os estilos, simplesmente retorne à caixa de diálogo Design, atualize os estilos na guia estilos e salve as alterações.

Propriedades personalizadas

Caixa de diálogo Propriedades personalizadas

As propriedades personalizadas permitem associar atributos personalizados (pares de chave e valor) a um componente principal de formulário adaptável usando o modelo de formulário. As propriedades personalizadas são refletidas na seção de propriedades da representação headless do componente. Isso permite criar um comportamento de formulário dinâmico que se adapta de acordo com os valores de atributos personalizados. Por exemplo, desenvolvedores(as) podem criar várias representações de um componente de formulário headless para plataformas móveis, de desktop ou da web, melhorando significativamente a experiência de usuário em uma grande variedade de dispositivos.

  • Nome do grupo: você pode fornecer um nome para identificar o grupo de propriedades personalizadas. É possível adicionar, excluir ou reorganizar vários grupos de propriedades personalizadas. Após adicionar o grupo de propriedades personalizadas, você verá as seguintes opções:

    • Pares de chave e valor: é possível adicionar vários nomes e valores de propriedades personalizadas clicando em Adicionar em cada grupo de propriedades personalizadas.

    • Excluir: toque ou clique para excluir o nome e o valor da propriedade personalizada.

    • Reorganizar: toque ou clique e arraste para alterar a ordem do nome e do valor da propriedade personalizada.

Artigos relacionados related-articles

Consulte também see-also

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