Dans ce guide, nous allons voir comment créer des champs conditionnels sur les formulaires.
Que sont les champs conditionnels ?
Les champs conditionnels sont ces champs qui apparaissent sur les formulaires en fonction des données saisies dans d'autres champs du même formulaire.
Avant de comprendre comment créer un champ conditionnel, si vous souhaitez comprendre comment créer un formulaire à partir de zéro, je vous invite à consulter le guide dédié en cliquant ici.
Commençons !
Supposons que nous ayons un formulaire de capture de contact, comme celui montré dans la figure suivante, et nous voudrions que le champ Nom de famille n'apparaisse que lorsque l'utilisateur saisit le nom Mario dans le champ Prénom.
Tout d'abord, nous devrions nous rendre dans la section Form du menu principal de Framework 360 en suivant les étapes suivantes :
Site Web > Form
À ce stade, cliquons sur le formulaire que nous souhaitons modifier et allons dans les Champs Créés et cliquons sur le champ Nom de famille.
Une fois que vous avez cliqué sur le champ Nom de famille, l'écran de modification du champ s'ouvrira où nous trouverons l'option Appliquer des conditions comme montré sur la figure :
Si nous cliquons sur l'option Appliquer des conditions , Framework360 nous permettra de sélectionner, via l'option Conditions de visibilité du champ, l'un des autres champs du formulaire et nous demandera de définir la condition de visibilité du champ Nom de famille comme montré sur la figure :
Dans notre exemple, nous allons insérer que le champ Nom soit égal à Mario et cliquer sur le bouton Enregistrer en haut à droite.
À ce stade, si nous retournions sur notre formulaire, nous verrions que le champ Nom de famille n'est plus visible et redeviendra visible seulement lorsque l'utilisateur saisit Mario dans le champ Nom.
Cette fonction pourrait être très utile, par exemple, pour un formulaire de réservation d'une chambre d'hôtel, où il y a d'abord la présence d'un champ demandant le nombre d'enfants et, seulement au moment où le nombre d'enfants est saisi, apparaîtront les champs pour saisir les noms correspondants des enfants.
