[AEM Forms]{class="badge positive" title="S’applique à AEM Forms)."}
Composant de champ numérique dans l’éditeur de communication interactive
1. Présentation
Le composant Champ numérique de l’éditeur de communication interactive (IC) permet aux auteurs de collecter des entrées numériques des utilisateurs dans un format contrôlé. Qu’il s’agisse de capturer des numéros de téléphone, des codes PIN, des ID de politique ou des chiffres financiers, ce champ garantit que seules les valeurs numériques sont acceptées. Le composant prend également en charge le style, la mise en forme, la validation et la liaison de données, ce qui le rend essentiel pour les communications structurées.
2. Afficher le modèle
Vous pouvez affecter un modèle d’affichage à un champ numérique à partir du panneau Propriétés, par exemple en effectuant le rendu d’une valeur en tant que devise : $1 234.21.
Le modèle configuré est immédiatement répercuté dans l’aperçu de la zone de travail et est conservé pendant les cycles d’enregistrement et de rechargement. Pour les cas d’utilisation avancés, vous pouvez définir une clause d’image XFA personnalisée afin d’obtenir le format de sortie souhaité.
Configuration d’un modèle d’affichage
- Sélectionnez le composant Champ numérique dans la zone de travail de conception.
- Ouvrez le panneau Propriétés.
- Dans la section Motif d’affichage, choisissez un motif prédéfini ou saisissez une clause d’image personnalisée.
- Prévisualisez la valeur formatée sur la zone de travail.
Exemple de modèle personnalisé (numérique)
num{$z,zzz,zz9.99}Symboles de clause d’image (numériques) :
Bonnes pratiques
- Choisissez un modèle qui représente clairement l’unité de la valeur (symbole monétaire, pourcentage, etc.).
- Validez les exemples de données dans l’aperçu de la zone de travail avant la publication.
- Utilisez des clauses d’image personnalisées uniquement lorsque les modèles prédéfinis ne répondent pas à vos besoins de mise en forme.
3. Propriétés
2.1 Champ de base
-
Nom : permet de définir un identifiant unique pour le champ, utilisé dans les modèles de données, les règles et les scripts.
-
Légende : afficher le libellé à l’écran présenté aux utilisateurs (par exemple, « Numéro de téléphone » ou « ID d’employé »).
-
Valeur : permet aux utilisateurs de saisir des données numériques telles que des numéros de téléphone, des identifiants, des quantités ou des valeurs monétaires.
-
Réserver : définissez l’alignement de la valeur numérique (gauche, droite, haut ou bas) ou spécifiez une position personnalisée à l’aide d’unités telles que les millimètres (20 mm, par exemple).
-
Apparence : définissez l’apparence de la zone de valeur sur Aucune, Zone pleine ou Soulignement selon la disposition visuelle souhaitée.
2.2 Typographie
Contrôle le style visuel des caractères numériques saisis par l’utilisateur :
-
Validation des polices : appliquez des contraintes pour vous assurer que seule une entrée numérique valide est acceptée, telle que des entiers, des décimales ou des plages de nombres, en fonction du type de données prévu.
-
Taille de police : ajustez la taille du texte numérique à l’aide de valeurs de point telles que 10 pt, 12 pt ou 20 pt pour maintenir la cohérence et la lisibilité dans l’ensemble du formulaire.
2.3 Position
Contrôle le placement spatial du champ numérique sur la zone de travail.
-
Coordonnées X et Y : définissez l’emplacement exact du champ.
-
Largeur et Hauteur (en mm) : détermine la taille de la zone de saisie.
2.4 Marge
Définit l’espacement autour de la limite du champ numérique pour un alignement propre.
-
Haut (Haut)
-
Bas (Bas)
-
Gauche
-
Droite
2.5 Apparence
Met en forme le conteneur de champs d’entrée numériques pour qu’il corresponde à la disposition visuelle souhaitée :
-
Remplir : permet de définir la couleur d’arrière-plan du champ numérique. Cela permet de le séparer visuellement des autres éléments ou de le faire correspondre au thème global.
-
Contour : ajoutez des bordures autour du champ numérique avec les options personnalisables suivantes :
-
Largeur : permet de définir l’épaisseur de la bordure en fonction de l’accentuation visuelle.
-
Style : sélectionnez un motif de bordure uni, en tirets ou en pointillés.
-
Edge: Sélectionnez entre les coins arrondis ou nets pour la bordure.
-
Rayon : permet d’ajuster l’arrondi du coin à l’aide de valeurs de rayon spécifiques (par exemple, 4 px ou 10 px) pour adoucir ou accentuer l’aspect du champ.
2.6 Présence
Contrôle la visibilité du champ numérique pendant l’exécution.
-
Visible : état par défaut ; le champ s’affiche normalement.
-
Caché (conserve l’espace) : le champ est invisible, mais l’espace est conservé dans la disposition.
2.7 Liaison de données
Type de liaison de données : connecte le champ numérique à une source de données (XML ou JSON) pour une intégration en temps réel.
Utiliser le nom : lie le champ à son nom unique pour la capture simple de valeurs.
Utiliser des données globales : associe le champ à un nœud de données partagé entre les formulaires ou les fragments.
Aucune liaison de données : maintient le champ statique pour une utilisation visuelle uniquement ou une entrée temporaire.
4. Utilisation
Les champs numériques sont idéaux dans les scénarios où seuls les chiffres sont des entrées valides. Cas d’utilisation courants :
-
Capture des numéros de téléphone mobile, OTP et NIP
-
Saisie de numéros de police ou ID d’employé
-
Collecte quantités numériques ou valeurs monétaires
-
Activation champs numériques basés sur des étapes (compteurs ou entrées de score, par exemple)
Les auteurs peuvent placer des champs numériques dans des conteneurs de disposition ou des sous-formulaires et appliquer une validation (comme des contraintes de longueur, de valeur minimale ou maximale) pour améliorer la qualité des données.
5. Bonnes pratiques
-
Étiqueter clairement les champs numériques avec des unités si nécessaire (par exemple, « Montant en ₹ »).
-
Appliquez la validation du format (comme la limite de 10 chiffres pour les numéros de téléphone) pour une meilleure précision.
-
Utilisez des valeurs de réserve lorsque les champs sont obligatoires, mais que les données dynamiques peuvent être manquantes.
-
Liez les champs numériques de manière réfléchie aux chemins de schéma pour prendre en charge le traitement principal.
-
Conservez une apparence et une typographie cohérentes pour correspondre aux directives de la marque.
Le composant Champ numérique de l’éditeur de communication interactive est un outil précis et fiable pour la collecte de données numériques. Grâce à une mise en forme robuste, des contrôles de visibilité et des options de liaison de données, il garantit que les entrées numériques sont capturées de manière claire et intégrées de manière transparente dans les formulaires numériques. Lorsqu’elle est stylisée et configurée correctement, elle améliore considérablement la convivialité des formulaires et la précision globale des données.