[AEM Forms]{class="badge positive" title="Aplicável ao AEM Forms)."}
Objeto de campo de data no Editor de comunicação interativa
1. Introdução
O componente Campo de data no editor de IC (Comunicação interativa) permite que os autores insiram um campo de seleção de data com base em calendário em um documento. Isso permite que os usuários escolham facilmente uma data em um seletor de datas ou a insiram manualmente em um formato predefinido.
Ideal para capturar datas de nascimento, agendamentos de compromissos, datas de aplicação ou datas de início/término da política, o Campo de data melhora a precisão e reduz erros de entrada. Ele oferece suporte a formatação, estilo e vinculação de dados para integração perfeita com modelos de dados e sistemas de back-end.
2. Padrão de exibição
Você pode atribuir um padrão de exibição a um campo de Data do painel Propriedades — por exemplo: 1 de abril, 2007 ou 01/04/2007.
O padrão configurado é refletido imediatamente na pré-visualização da tela de desenho e é preservado nos ciclos de salvamento e recarregamento. Para casos de uso avançados, é possível definir uma cláusula de imagem XFA personalizada para obter qualquer formato de saída desejado.
Configurar um padrão de exibição
- Selecione o componente Campo de data na tela de design.
- Abra o painel Propriedades.
- Na seção Padrão de Exibição, escolha um padrão predefinido ou insira uma cláusula de imagem personalizada.
- Visualize o valor formatado na tela.
Exemplo de padrão personalizado (Data)
date{DD/MM/YYYY}Tokens de data comuns:
2007-04-01). Os valores que não seguem esse formato são exibidos como estão, sem a formatação padrão aplicada.3. Propriedades
O objeto de Campo de data inclui várias propriedades configuráveis:
2.1. Campo básico
-
Nome: um identificador exclusivo usado para fazer referência ao campo em regras, scripts e modelos de dados.
-
Legenda: o rótulo de exibição mostrado ao usuário (por exemplo, “Data de Nascimento”).
-
Data: o valor de data real, que pode estar vazio por padrão ou pré-preenchido com dados dinâmicos.
-
Reservar: uma data de fallback opcional (exibida se nenhuma data estiver selecionada ou se os dados não estiverem disponíveis).
-
Aparência: uma predefinição rápida de estilo (por exemplo, sublinhado, plano, bordado) para consistência visual.
2.2. Tipografia
Controla como a data aparece visualmente no campo:
-
Variação de fonte: escolha família de fontes, peso (por exemplo, Regular, Negrito) e estilo (por exemplo, Itálico).
-
Tamanho: normalmente definido como 10 pt por padrão, mas personalizável para consistência com o conteúdo ao redor.
2.3. Posição
Define o posicionamento espacial no layout do documento:
-
Coordenadas de X e Y: determina o posicionamento horizontal e vertical.
-
Largura e Altura: Definido em milímetros ou porcentagens para alinhar com outros elementos de formulário.
2.4. Margem
Especifica o espaçamento ao redor dos limites do campo:
-
Superior (Acima)
-
Inferior (Abaixo)
-
Esquerda
-
Direita
Esses valores ajudam com o alinhamento preciso em subformulários ou grades de layout.
2.5. Aparência
Define o estilo visual do contêiner de campo:
-
Preenchimento: Cor de fundo do campo (por exemplo, branco, cinza claro).
-
Traço: Cor ou contorno da borda.
-
Largura: Espessura da borda do campo.
-
Estilo: opções de linha sólida, tracejada ou pontilhada.
-
Bordas: personalize cantos como arredondados ou nítidos para preferências de design diferentes.
2.6. Presença
Determina como e quando o campo é exibido:
-
Visível: Configuração padrão em que o campo é exibido em tempo de execução.
-
Oculto (mantém espaço): O campo permanece invisível, mas o espaço de layout é preservado.
Isso é útil ao alternar a visibilidade dinamicamente com base na entrada do usuário ou nas regras.
2.7. Vinculação de dados
Conecta o Campo de data às estruturas de dados para armazenar ou preencher previamente os valores.
Tipo de Associação de Dados:
-
Nome de Uso: Associa o campo ao esquema usando seu atributo de nome.
-
Usar Dados Globais: Associações que usam um modelo de dados ou elemento de esquema predefinido.
-
Sem Associação de Dados: O campo permanece estático, não está conectado a nenhuma fonte de dados.
Isso permite que os valores de data dinâmicos sejam buscados, exibidos ou armazenados com base na lógica do aplicativo.
4. Uso
O Campo de data é particularmente útil nos seguintes cenários:
-
Captura da data de nascimento ou data de adesão nos formulários de integração.
-
Seleção de datas de início e término para serviços, assinaturas ou eventos.
-
Inserção de prazos de inscrição, espaços para compromissos ou datas de verificação.
Os autores podem colocar o Campo de data dentro de contêineres ou subformulários de layout e configurar a validação (por exemplo, formato de data, limites de intervalo) para melhorar a qualidade dos dados.
5. Práticas recomendadas
-
Use legendas ocultas como “Data inicial” ou “Selecionar data de compromisso” para melhor UX.
-
Defina intervalos de datas mínimos e máximos para evitar entrada inválida (por exemplo, DOB futuro).
-
Aplique estilos de fonte consistentes (recomenda-se 10 pt) para facilitar a leitura.
-
Vincule campos ao esquema sempre que for necessária a integração de dados de back-end.
-
Ocultar campos de data não relevantes dinamicamente usando regras de visibilidade.
O objeto Campo de data no editor de comunicação interativa é uma ferramenta poderosa para capturar dados sensíveis ao tempo com precisão e facilidade. Quando estilizado cuidadosamente e conectado a caminhos de dados significativos, ele oferece suporte a uma experiência perfeita do usuário e ao processamento eficiente de entradas baseadas em tempo.