Composants principaux des formulaires adaptatifs adaptive-forms-core-components-introduction

Disponibilité sur GitHub: les composants principaux de Forms adaptatif AEM sont Open Source et disponibles sur GitHub, avec une documentation complète. Cela permet aux développeurs et aux développeuses de comprendre plus facilement les composants et leur fonctionnement, ainsi que de contribuer à leur développement. Le site Web aemcomponents.dev est également une ressource précieuse, où les développeurs et les développeuses peuvent voir les composants en action et accéder à la documentation détaillée.

Modèle BEM pour le style: les composants principaux suivent le modèle BEM (Block Element Modifier) pour le style, qui est une méthodologie bien établie et largement utilisée pour organiser les CSS. Cela permet aux développeurs et aux développeuses de comprendre plus facilement comment les styles sont organisés et comment les modifier en fonction de leurs besoins spécifiques.

Aucune dépendance aux bibliothèques tierces  : l’un des avantages des composants principaux est qu’ils ne dépendent pas des bibliothèques JavaScript tierces, y compris JQuery et Underscore. Les composants sont ainsi plus rapides et plus légers, et plus faciles à intégrer dans une implémentation AEM existante.

Centrés sur les performances et l’accessibilité  : les composants principaux sont conçus en tenant compte des performances et de l’accessibilité, qui se reflètent dans leurs scores Google Lighthouse élevés et dans leurs scores Web vitaux. Cela facilite la création de pages Web accessibles et performantes pour les développeurs et les développeuses, ce qui est de plus en plus important dans le paysage numérique actuel.

Composants de formulaire dans le modèle et les thèmes Sites 30  : les composants principaux prennent en charge les composants de formulaire dans le modèle et les thèmes Sites 30, ce qui facilite la création et la personnalisation de formulaires dans AEM.

Style plus facile: les composants principaux sont plus faciles à mettre en forme que leurs homologues des composants de base. Le processus de création du thème est similaire à Sites, avec la possibilité d’hériter du même thème/CSS de la page Sites parente. En outre, le modèle BEM pour le style facilite la compréhension et la modification des styles.

Accessibilité: les composants principaux de Forms adaptatif prennent en charge les normes et directives d’accessibilité afin de s’assurer que les formulaires peuvent être utilisés par les personnes présentant un handicap, y compris celles qui utilisent des technologies d’assistance telles que les lecteurs d’écran.

Contrôle de version: vous pouvez créer et gérer plusieurs versions d’un Forms adaptatif basé sur les composants principaux, engager des discussions collaboratives par le biais de commentaires et attacher des annotations à des composants de formulaire spécifiques, améliorant ainsi l’expérience globale de création de formulaire.

Eléments et paramètres d’IU familiers: lors de la configuration des propriétés pour les composants de formulaire, une boîte de dialogue de propriétés s’affiche comme celle que vous utilisez pour les composants principaux de la gestion de contenu web. Cela permet de trouver plus rapidement les options dont vous avez besoin. Comme les composants principaux de la gestion de contenu web, la boîte de dialogue des propriétés s’affiche au centre de l’éditeur avec des onglets clairs séparant les options de base et avancées, le texte d’aide et les informations d’accessibilité. Le tout dans un format d’onglets pour une navigation facile.

Éditeur de règles: vous pouvez ajouter une logique et des fonctions dynamiques à vos formulaires sans écrire de code. Vous pouvez utiliser l’éditeur de règles intégré pour :

• Afficher ou masquer des champs en fonction des choix des utilisateurs
• Activer ou désactiver un objet
• Définir une valeur pour un objet
• Exécution de calculs
• Définir la propriété d’un objet
• Validation de la saisie de données
• Appeler un service (appeler une fonctionnalité externe)
• Utilisation de fonctions intégrées (fonctions prédéfinies pour les tâches courantes)
• Utilisation de fonctions personnalisées (votre propre code pour des besoins spécifiques)
• Validation des champs et des panneaux (assurez-vous que les données répondent aux exigences)
• Valider la valeur d’un objet
• Exécuter les fonctions de calcul de la valeur d’un objet
• Appeler un service de modèle de données de formulaire (FDM) et effectuer une opération
• Ajouter dynamiquement des styles (modifier l’aspect en fonction de conditions)
• Créer d’autres règles (actions de chaîne et logique)
• et plus encore !

L’éditeur de règles ne dispose pas de l’éditeur de code. Vous pouvez utiliser fonctions personnalisées pour ajouter votre propre code en fonction des besoins spécifiques à l’éditeur de règles.

Formulaires de préremplissage: vous pouvez renseigner automatiquement certains champs d’un formulaire avec des données existantes lorsqu’un utilisateur l’ouvre. Cela permet d’économiser du temps et des efforts sur les utilisateurs en éliminant la nécessité de saisir manuellement des informations qui pourraient déjà être disponibles. L’éditeur des composants principaux fournit un service de préremplissage prêt à l’emploi pour remplir les champs de formulaire à l’aide d’un modèle de données de formulaire. Vous pouvez également créer des services de préremplissage personnalisés pour des scénarios plus complexes.

Document d’enregistrement (DE): un document d’enregistrement (DE) fait référence à une représentation formelle et imprimable des données envoyées par le biais du formulaire. Il sert d’enregistrement permanent des informations saisies par un utilisateur, fournissant un instantané des données envoyées dans un format convivial, généralement sous la forme d’un document PDF. Vous pouvez utiliser l’éditeur pour configurer facilement un modèle personnalisé ou utiliser un modèle prêt à l’emploi pour générer un document d’enregistrement.

Modèle de données de formulaire: un modèle de données de Forms adaptatif (FDM) fait office de pont entre votre Forms adaptatif et vos sources de données. Il définit essentiellement la structure et l’organisation des données que vos formulaires collectent et interagissent avec eux. Vous pouvez utiliser l’éditeur pour connecter facilement votre formulaire à un modèle de données Forms (FDM).

Envois de formulaire: un envoi de formulaire fait référence au processus de remplissage et d’envoi de formulaires par les utilisateurs. Cela déclenche une série d’actions définies dans la configuration du formulaire, ce qui entraîne le stockage ou le traitement des données envoyées. L’éditeur de Forms adaptatif propose diverses options pour configurer les envois de formulaire. Certaines des actions d’envoi courantes sont les suivantes :

• Envoyer un e-mail
• Appeler un flux d’automatisation de puissance
• Envoyer à SharePoint
• Appeler une fusion Workfront
• Envoyer à l’aide du modèle de données de formulaire (FDM)
• Envoyer vers le stockage Azure Blob
• Envoyer vers le point d’entrée REST
• Envoyer à OneDrive
• Appeler un processus AEM

Composants principaux de Forms adaptatif dans l’éditeur de page de sites: vous pouvez activer et utiliser les composants principaux de Forms adaptatif dans AEM éditeur de page et AEM fragments d’expérience pour créer directement une expérience de capture de données avec la création d’une page Sites.