Composant textuel text-adaptive-forms-core-component

Dans un formulaire adaptatif, le texte fait référence au contenu affiché dans le formulaire pour que l’utilisateur ou l’utilisatrice puisse le lire. Vous pouvez ajouter des libellés afin d’étiqueter un groupe d’éléments de formulaire, tels que des champs de texte, ainsi que toute instruction ou information supplémentaire fournie à l’utilisateur ou à l’utilisatrice.

Vous pouvez également diviser la structure d’un formulaire en sections logiques, pour une meilleure compréhension et saisie par les utilisateurs et utilisatrices. En outre, le texte peut être utilisé à des fins d’accessibilité si vous donnez une brève description de l’élément auquel il est associé. Ce champ de texte est généralement affiché près des composants de formulaire, en amont ou en aval.

Exemple

exemple de texte

Utilisation reasons-to-use-text-label

L’utilisation de texte dans un formulaire offre les avantages suivants :

  • Ajout d’instructions : le texte peut être utilisé pour fournir des instructions sur la façon de remplir le formulaire ou sur les informations qui doivent être complétées.

  • Ajout d’un contexte : le texte peut être utilisé pour donner un contexte au formulaire, par exemple pour expliquer la finalité du formulaire ou l’organisation qui collecte les informations.

  • Division du formulaire en sections logiques : le texte peut être utilisé pour diviser un formulaire en sections logiques, pour une meilleure compréhension et saisie par les utilisateurs et utilisatrices.

  • Valorisation de la marque et identité : le texte peut être utilisé à des fins de valorisation de la marque et d’identité, par exemple en indiquant le nom de l’organisation dans le formulaire.

Version et compatibilité version-and-compatibility

Le composant principal Accordéon des formulaires adaptatifs a été publié en février 2023 au sein des composants principaux 2.0.4 pour Cloud Service et des composants principaux 1.1.12 pour AEM 6.5.16.0 Forms ou version ultérieure. Vous trouverez ci-dessous un tableau détaillant les versions prises en charge, la compatibilité avec AEM et les liens vers la documentation correspondante :

Version du composant
AEM as a Cloud Service
AEM 6.5.16.0 Forms ou version ultérieure
v1
Compatible avec la
version 2.0.4 et les versions ultérieures
Compatible avec les
versions 1.1.12 à 2.0.0 exclue.

Pour plus d’informations sur les versions et publications des composants principaux, consultez le document Versions des composants principaux.

Détails techniques technical-details

Pour obtenir les dernières informations sur le composant principal Texte des formulaires adaptatifs, consultez la documentation technique sur GitHub. Pour plus d’informations sur le développement des composants principaux, consultez la documentation destinée aux développeurs et développeuses de composants principaux.

Boîte de dialogue de configuration configure-dialog

Vous pouvez facilement personnaliser l’expérience du texte pour les visiteurs et les visiteuses à l’aide de la boîte de dialogue de configuration. Vous pouvez également définir en toute facilité des options de texte pour une expérience utilisateur transparente.

Onglet De base

  • Nom : vous pouvez identifier facilement un composant de formulaire en lui attribuant un nom unique dans le formulaire et dans l’éditeur de règles, mais le nom ne doit pas contenir d’espaces ni de caractères spéciaux.

  • Référence Bind : une référence Bind est une référence à un élément de données stockée dans une source de données externe et utilisée dans un formulaire. La référence de liaison vous permet de lier dynamiquement les données aux champs du formulaire, de sorte que le formulaire puisse afficher les données les plus récentes de la source de données. Par exemple, une référence de liaison peut être utilisée pour afficher le nom et l’adresse d’un client ou d’une cliente dans un formulaire, en fonction de l’identifiant du client ou de la cliente saisi dans le formulaire. La référence de liaison peut également être utilisée pour mettre à jour la source de données avec les données saisies dans le formulaire. Ainsi, AEM Forms vous permet de créer des formulaires qui interagissent avec des sources de données externes, offrant ainsi une expérience utilisateur fluide pour la collecte et la gestion des données.

  • Marquer comme élément de formulaire non lié : sélectionnez cette option pour configurer un champ de formulaire qui n’est lié à aucun schéma. Cette option vous permet d’enregistrer des données sans mettre à jour la source de données. Elle vous permet également de gérer les données de manière personnalisée, en les séparant de l’intégration de base de données standard.

  • Masquer le composant - Sélectionnez cette option pour masquer le composant du formulaire. Le composant reste accessible à d’autres fins, par exemple pour les calculs dans l’éditeur de règles. Cela s’avère utile lorsque vous devez stocker des informations qui n’ont pas besoin d’être affichées ou directement modifiées par les utilisateurs ou les utilisatrices.

Boîte de dialogue de conception design-dialog

La boîte de dialogue de conception permet de définir et de gérer les styles CSS du composant Texte.

Onglet Styles styles-tab

Cet onglet vous permet de définir et de gérer les styles CSS d’un composant. Le composant principal Texte pour les formulaires adaptatifs prend en charge le Système de style d’AEM.

Boîte de dialogue de conception.

  • Classes CSS par défaut : vous pouvez indiquer une classe CSS par défaut pour le composant principal Texte des formulaires adaptatifs.

  • Styles autorisés : vous pouvez définir des styles en indiquant un nom et la classe CSS du style. Par exemple, vous pouvez créer un style nommé « texte en gras » et fournir la classe CSS « police d’épaisseur : gras ». Vous pouvez utiliser ou appliquer ces styles à un formulaire adaptatif dans l’éditeur de formulaires adaptatifs. Pour appliquer un style, sélectionnez le composant auquel vous souhaitez appliquer le style dans l’éditeur de formulaires adaptatifs, accédez à la boîte de dialogue Propriétés, puis sélectionnez le style de votre choix dans la liste déroulante Styles. Si vous devez mettre à jour ou modifier les styles, revenez simplement à la boîte de dialogue Conception, mettez à jour les styles dans l’onglet Styles et enregistrez les modifications.

Propriétés personnalisées

Boîte de dialogue Propriétés personnalisées

Les propriétés personnalisées vous permettent d’associer des attributs personnalisés (paires clé-valeur) à un composant principal de formulaire adaptatif à l’aide du modèle de formulaire. Les propriétés personnalisées sont répercutées dans la section des propriétés du rendu déocuplé du composant. Cela permet de créer un comportement de formulaire dynamique qui s’adapte en fonction des valeurs d’attributs personnalisés. Par exemple, les développeurs et développeuses peuvent concevoir plusieurs rendus d’un composant de formulaires découplés pour des plateformes mobiles, de bureau ou web, ce qui améliore considérablement l’expérience client sur un large éventail d’appareils.

  • Nom du groupe : vous pouvez fournir un nom pour identifier le groupe de propriétés personnalisées. Vous pouvez ajouter, supprimer ou réorganiser plusieurs groupes de propriétés personnalisées. Après avoir ajouté le groupe de propriétés personnalisées, vous pouvez voir les options suivantes :

    • Paires clé-valeur : vous pouvez ajouter plusieurs noms et valeurs de propriétés personnalisées en cliquant sur le bouton Ajouter pour chaque groupe de propriétés personnalisées.

    • Supprimer : appuyez ou cliquez pour supprimer le nom et la valeur des propriétés personnalisées.

    • Réorganiser : appuyez ou cliquez et faites glisser pour réorganiser l’ordre du nom et de la valeur des propriétés personnalisées.

Articles connexes related-articles

Voir également see-also

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