...du verbe Drupaler (1er groupe)

Créer un formulaire par étape avec des champs d'une entité

18. Avril 2012 - 12:44 -- Haythem
Si vous disposez d'un long formulaire pour quelque entité que ce soit (un type de contenu par ex.), pourquoi ne pas le scinder  de 5 étapes ? Et vous ne voulez pas coder ? Vous avez la solution avec Drupal 7 et Field group

Avec Field group  les données de chaque étape ne sont pas sauvegardées et l'on ne passe à l’étape suivante sans rafraîchir la page que via un petit javascript. Cependant, le module ne prends pas en compte dans sa version 7.1 les validations (élément requis). Dommage, car la validation finale peut vous faire revenir à l'étape 1 pour un champs requis non renseigné. Le sujet est en discussion sur drupal.org avec l'idée pertinente d'utiliser le module clientside validation, gérant les validation côté navigateur en javascript.

Voici les étapes à suivre pour créer votre contenu :

1) Installez le module comme d'habitude. Aucune librairie particulière n'est requise.
 
2)  Rendez-vous sur la page d'une entité, ici un type de contenu, onglet gérer les champs et vous verrez qu'une option a été ajoutée : " Ajouter un nouveau groupe ".

        - Commencez  par créer le groupe général (groupe global) avec une étiquette et un nom machine en sélectionnant le type  "Multipage group". Mettez bien le bouton de validation à la dernière étape.



3)  Maintenant il faut créer les pages qui groupent les différents champs :   chaque étape est un nouveau groupe de type "Multipage". Déplacez ensuite tous les champs désirés dans les groupes. Mettez le premier en "start" par défaut afin qu'il constitue bien la première étape.
 


Le résultat : Vous avez votre formulaire avec les différentes étapes créées.



Vous avez aussi la possibilité avec Fieldgroup de créer des contenu avec des différents type d'affichage ( onglets horizontaux, onglets verticaux ou accordion....) . Voici un lien vers un article qui présente des autres type d'affichage avec Field group.
Catégorie: 
2.666665
Average: 2.7 (3 votes)
Votre vote: Aucun(e)

Ajouter un commentaire

Texte simple

  • Aucune balise HTML autorisée.
  • Les adresses de pages web et de courriels sont transformées en liens automatiquement.
  • Les lignes et les paragraphes vont à la ligne automatiquement.
CAPTCHA
Image CAPTCHA