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

Disponibilité sur GitHub  : les composants principaux des formulaires adaptatifs d’AEM sont en 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 le 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 composants de base homologues. 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 des formulaires adaptatifs 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 des versions  : vous pouvez créer et gérer plusieurs versions de formulaires adaptatifs basés sur des composants principaux, participer à des discussions collaboratives via des commentaires et joindre des annotations à des composants de formulaire spécifiques, améliorant ainsi l’expérience globale de création de formulaires.

Éléments et paramètres habituels de l’interface d’utilisation  : lors de la configuration des propriétés des composants de formulaire, la boîte de dialogue des propriétés ressemble à celle que vous utilisez pour les composants principaux de gestion de contenu web. Cela permet de trouver plus rapidement les options dont vous avez besoin. Comme les composants principaux de gestion de contenu web, pour les composants de formulaire, la boîte de dialogue des propriétés apparaît 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 sous forme d’onglets pour une navigation facile.

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

• afficher ou masquer les champs en fonction des choix de l’utilisateur ou de l’utilisatrice ;
• Activer ou désactiver un objet
• Définir une valeur pour un objet
• effectuer des calculs ;
• définir la propriété d’un objet ;
• valider la saisie des données ;
• invoquer un service (appeler une fonctionnalité externe) ;
• utiliser des fonctions intégrées (fonctions prédéfinies pour les tâches courantes) ;
• utiliser des fonctions personnalisées (votre propre code pour des besoins spécifiques) ;
• valider les champs et les panneaux (s’assurer 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 exécuter une opération ;
• ajouter dynamiquement des styles (modifier l’apparence en fonction des conditions) ;
• créer d’autres règles (actions en chaîne et logique) ;
• et plus encore !

L’éditeur de règles n’a pas d’éditeur de code. Vous pouvez utiliser des fonctions personnalisées pour ajouter votre propre code pour des besoins spécifiques à l’éditeur de règles.

Formulaires à pré-remplir  : vous pouvez remplir automatiquement certains champs d’un formulaire avec des données existantes lorsqu’il est ouvert. Les utilisateurs et utilisatrices peuvent remplir le formulaire plus rapidement et facilement sans avoir besoin de saisir manuellement des informations qui pourraient déjà être disponibles. L’éditeur de composants principaux fournit un service de pré-remplissage prêt à l’emploi pour remplir les champs du 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 (DoR)  : un document d’enregistrement fait référence à une représentation formelle et imprimable des données soumises via le formulaire. Il sert d’enregistrement permanent des informations saisies par un utilisateur ou une utilisatrice, fournissant un instantané des données soumises dans un format convivial, généralement 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 DoR.

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

Envois de formulaires  : l’envoi d’un formulaire fait référence au processus par lequel les utilisateurs et utilisatrices remplissent et envoient leurs formulaires remplis. Cela déclenche une série d’actions définies dans la configuration du formulaire, conduisant finalement au stockage ou au traitement des données soumises. L’éditeur de formulaires adaptatifs offre une variété d’options pour configurer les envois de formulaires. Voici certaines des actions d’envoi courantes :

• Envoyer un e-mail
• Appeler un flux Power Automate
• Envoyer à SharePoint
• Invoquer Workfront Fusion
• Envoyer à l’aide du modèle de données de formulaire
• Envoyer au stockage Blob Azure
• Envoyer vers le point d’entrée REST
• Envoyer à OneDrive
• Appeler un processus AEM

Composants principaux des formulaires adaptatifs dans l’éditeur de pages de Sites : vous pouvez activer et utiliser les composants de base des formulaires adaptatifs dans l’éditeur de pages AEM et les fragments d’expérience AEM pour créer directement une expérience de capture de données en même temps que la construction d’une page Sites.