Afficher ou masquer plusieurs champs d’un seul coup à l’aide du champ de réduction de section

24 juin 2024

L’élément Réduction de la Section peut masquer ou afficher des sections de votre formulaire et divise également votre formulaire en parties extensibles.

https://form.jotform.com/222661864491967

Dans ce tutoriel, nous allons créer un formulaire en utilisant l’élément Réduction de la Section pour regrouper les champs, puis les afficher ou les masquer en fonction de la réponse de l’utilisateur à l’aide de la Logique conditionnelle. Commençons..

Youtube Embed Poster: a3L2jLgd7Vk
  1. Ajoutez les champs à votre formulaire, puis insérez un élément Réduction de la Section au début de l’ensemble de champs.
Afficher ou masquer plusieurs champs d’un seul coup à l’aide du champ de réduction de section Image-1

Cela marquera le début de la section que vous souhaitez masquer/afficher sous condition. Insérez autant de champs que vous le souhaitez dans cette section. Dans cet exemple de formulaire, je regrouperai les champs liés à chaque section d’un invité, j’aurai “Invité(e) 1”, “Invité(e) 2” et “Invité(e) 3”, ayant tous leurs propres champs de nom complet et d’e-mail.

Afficher ou masquer plusieurs champs d’un seul coup à l’aide du champ de réduction de section Image-2
  1. Définissez la visibilité de l’élément Réduction de la Section sur Visible.
form-builder-section-collapse-visible-min

Il y a deux propriétés importantes:

  • Visibilité de la section – vous permet de masquer (replier) ou d’afficher (déplier) la section et son contenu par défaut lorsque le formulaire est chargé.
  • Visibilité du bouton – vous permet de masquer ou d’afficher le bouton ou la barre de repli utilisé pour basculer manuellement la visibilité du contenu de la section sur le formulaire.

Note

Une Réduction de Section englobe tous les éléments du formulaire qui suivent, à l’exception d’une autre Section de réduction.

  1. Insérez un élément Réduction de Section à la fin du groupe de champs que vous souhaitez masquer. Définissez sa visibilité de section sur Visible et la visibilité du bouton sur Masqué.
form-builder-section-collapse-end-min

Cela servira de point d’arrêt ou de fin de la section.

  1. Ajoutez une question déclenchante pour la Logique conditionnelle afin d’afficher ou de masquer la section.
form-builder-include-additional-info-min

Ensuite, configurez la Logique conditionnelle.

  1. Accédez à l’onglet Paramètres.
  2. Cliquez sur Conditions à gauche.
  3. Ajoutez une nouvelle condition et sélectionnez l’option Afficher/Masquer un champ.
form-builder-show-hide-field-min
  1. Configurez la condition et l’action dans la fenêtre suivante. Dans notre exemple de formulaire, la logique conditionnelle serait la suivante :
form-builder-include-additional-info-condition-min

Pour décomposer cela :

  • Nous avons défini la condition ou l’instruction SI pour vérifier si la question “Inclure des informations supplémentaires ?” est égale à “Oui”.
  • L’action ou l’instruction ALORS affichera la section “Informations supplémentaires” si la condition est remplie.
  1. Cliquez sur le bouton Enregistrer pour sauvegarder les modifications.

Comme toujours, n’hésitez pas à demander de l’aide via le Forum de Support Jotform si vous rencontrez des difficultés lors de la mise en uvre de cette solution.

Contacter l'assistance :

Notre équipe d'assistance clientèle est disponible 24 heures sur 24 et 7 jours sur 7, et notre temps de réponse moyen est d'une à deux heures.
Notre équipe peut être contactée via :

Forum d'assistance : https://www.jotform.com/answers/

Contacter l'assistance Jotform : https://www.jotform.com/contact/

Envoyer un commentaire:

Jotform Avatar
Ce site est protégé par reCAPTCHA, et les Politique de confidentialité et Conditions de service de Google s'appliquent.

Podo Comment Soyez le premier à commenter.