Formidable, le générateur de formulaires

Un générateur de formulaires facilement configurable pour les non-informaticiennes et facilement extensible pour les développeur⋅euses.

Cette documentation est valable à partir de la version 6.1.0 de Formidable.

Introduction

Historiquement, deux plugins avaient déjà été développés précédemment pour gérer des formulaires :

  • Forms &Tables, qui n’a pas été complètement porté pour SPIP 2.
  • et spip-formulaire créé par artego mais qui n’était plus maintenu.

La question s’est donc posée : construire sur la base d’un des deux plugins ou repartir de zéro ?
Form &Table, très complet pour les utilisateurs, présentait l’inconvénient d’avoir un côté « fourre-tout » qui le rendait difficilement modifiable et difficile à personnaliser par les dévs.

Il a finalement été décidé de repartir de zéro pour proposer quelque chose :

  • de plus facile à utiliser pour les utilisateurs d’une part,
  • mais aussi de plus facile à personnaliser pour les développeur⋅euses.
    Avec le parti pris de se baser de préférence sur plusieurs petits plugins spécialisés et de tirer parti de la nouvelle norme CVT.

Interface utilisateur

L’utilisation basique de l’interface est abordée dans ce screencast : Mon premier formulaire pas à pas : c’est Formidable !

Appeler mon formulaire

Vous devez appeler le formulaire ayant le nom « formidable », en lui passant en paramètre l’identifiant de votre formulaire.

Dans un contenu

Utilisez le modèle <formulaire> classique : <formulaire|formidable|id=34> ou bien <formulaire|formidable|id=contact>

Dans un squelette


#FORMULAIRE_FORMIDABLE{34} ou bien #FORMULAIRE_FORMIDABLE{contact}

Afficher les résultats du formulaire

Dans un contenu

Utilisez le modèle <formulaire_analyse|id_formulaire=34>

Pré-remplir dynamiquement les champs d’un formulaire

À noter, vous avez la possibilité de surcharger dans l’appel, les valeurs par défaut des champs de votre formulaire. Pour cela, vous devez passer un tableau de nom=>valeur en deuxième paramètre. Vous pourrez trouver les noms de vos champs dans l’aide-mémoire situé sur la page de configuration des traitements.

Dans un contenu

Le tableau de valeurs dans un paramètre defaut sous forme d’une suite de chaînes « clé,valeur » séparée par des virgules :
<formulaire|formidable|id=contact|defaut=hidden1,valeur,input_5,autrevaleur>

Dans un squelette

Le tableau en deuxième paramètre :

#FORMULAIRE_FORMIDABLE{contact, #ARRAY{nom_du_champ, Ma valeur}}

C’est particulièrement utile pour remplir un champ caché avec une valeur dynamique venant du squelette :

#FORMULAIRE_FORMIDABLE{contact, #ARRAY{hidden_1, #ID_DOCUMENT}}

Autres options utilisable dans le squelette

Il est possible de passer des options comme troisième argument du formulaire, sous forme de tableau (#ARRAY).

Options possible comme troisième argument de #FORMULAIRE_FORMIDABLE
Nom de l’optionFonctionType
forcer_modif Permet de forcer la modification d’une réponse, même si non autorisé Booléen
id_formulaires_reponses Identifiant de la réponse à modifier Entier
no_ajax Désactiver l’ajax sur le formulaire Booléen
traiter_email_destinataires Destinataires pour le traitement Tableau (#ARRAY) d’emails ou liste d’emails séparés par des virgules
traiter_email_destinataires_methode Indique si traiter_email_destinataires doit remplacer les emails déjà configurés dans le traitement ou les ajouter Au choix 'remplacer' ou 'ajouter' (valeur par défaut)
url_redirect Url de redirection Chaine

Exemple d’un formulaire Formidable dont l’identifiant est contact_libre et dont l’email destinataire est dans le champ email de la table de votre objet #EMAIL de la table spip_contacts ….

<div class="ajax">
#FORMULAIRE_FORMIDABLE{contact_libre,'',#ARRAY{traiter_email_destinataires,#EMAIL}}
</div>

Case unique

Pour rendre obligatoire la réponse oui à une case unique (pour la validation de conditions d’utilisation par exemple), il faut simplement rendre le champ obligatoire.

Courriels de notification

Une option des traitements proposés permet d’envoyer un mail de notification automatiquement, à chaque saisie d’un formulaire.

Le squelette par défaut employé pour la mise en forme de ces mails est plugins/formidable/notifications/formulaire_email.html. Vous pouvez le copier dans le répertoire ’notifications’ de votre squelette et l’y modifier à votre guise. Cette modification vaudra pour tous les formulaires.

Pour utiliser un squelette spécifique pour les mails de notification de l’un seulement des formulaires définis avec Formidable, il suffit d’ajouter son squelette dans le répertoire ’notifications’ de votre dossier squelettes, mais en ajoutant l’identifiant.

IDENTIFIANT étant l’identifiant du formulaire défini dans Formidable, les squelettes doivent se nommer :
formulaire_IDENTIFIANT_email.html pour le mail aux destinataires
formulaire_IDENTIFIANT_accuse.html pour l’accusé de réception du visiteur

Conservation des IP

Les adresse IP des personnes répondant aux formulaires sont stockées en base de donnée. Depuis la version 1.5 (SPIP 3) / 0.7 (SPIP < 3), elle sont automatiquement hashé, de manière à ce que l’IP ne soit plus reconnaissable, au bout de 124 jours (environ 4 mois).

Pour changer ce délai, vous pouvez redéfinir la constante _CNIL_PERIODE dans votre fichier mes_options.php.

Par exemple :

define('_CNIL_PERIODE', 24*3600);

permet de hasher les IP toutes les 24 heures.

Si vous voulez désactiver le hashage, mettez la valeur à 0.

Envoi de fichiers

Lire l’article complémentaire : Envoyer des fichiers avec un formulaire Formidable.

Mise en forme des saisies

Le plugin ne prévoit aucun réglage de mise en forme des saisies : c’est à chaque squelette d’avoir ses styles. Il respecte cependant la convention d’écriture des formulaire SPIP. Il permet d’ajouter des classes spécifiques sur les saisies.

Affichage des réponses sous forme de tableau

Le plugin Formidable Tablesorter permet d’afficher sous forme de tableau les réponses, dans l’espace privé, avec possibilité de tri et de filtre.

Voir aussi sur le wiki


-  Complément de doc et exemples sur les boucles et balises de formidable
-  Exemples de stylage CSS d’un formulaire Formidable
-  todoFormidable
-  Formidable, présentation aux Grottes (2010)

Discussion

811 discussions

  • 1

    Bonjour,

    Dans le cas d’un champs « menu déroulant », est-ce normal que la valeur générée dans le CSV lors de l’exportation des données soit le « label » et non la « clé » ? À quoi sert la « clé » ?

    De plus, dans le fichier CSV, les accents ne s’affichent pas comme il faut. Quelqu’un a une idée de ce qui est mal configuré ?

    Merci !

    • La génération du CSV n’est pas forcément pour de l’analyse automatique, donc par défaut ce sont les labels lisibles humainement qui sont intégrés. Mais en vrai il faudrait que ce soit une option : générer soit les trucs humains soit les clés analysables plus facilement. À code, donc...

      Sinon chez moi j’ai pas vu de problème d’accents.

    Répondre à ce message

  • Ploufplouf

    Bonjour,

    J’ai créer un formulaire avec des vérifications et lorsque qu’un champ comporte une erreur le formulaire se réaffiche mais sans conserver les données dans les champs qui sont correct... Y’a t-il une fonction à cocher pour que les données ne soient pas effacées ?

    De plus j’ai un souci avec l’envoi de mail qui fonctionne bien pour hotmail, gmail ou autre mais qui apparemment ne poste pas sur les adresses yahoo, orange ou wanadoo... Une piste ?

    Merci pour ce plugin très pratique

    Répondre à ce message

  • 1

    Groupe de champs

    Comment supprime t’on un « Groupe de champs », je ne vois pas de boutons pour ça, si j’ai créé par erreur une telle zone ?

    Répondre à ce message

  • 4

    Bonjour,
    Ce plugin m’a sauvé la vie, je suis fan !
    Cependant j’aimerais savoir si il est possible d’insérer dynamiquement une image dans un champ « explication » (ou autre), un logo d’article par exemple. J’ai essayé avec les paramètres #ARRAY, je n’arrive à rien...

    Merci

    • Tu peux mettre un appel à n’importe quelle image des documents de SPIP. <img1234>

    • Et dynamiquement non, pas dans un champ explication. Le tableau à passer concerne les valeurs de champ, or les explications ne sont pas des champs. Donc pour l’instant ce n’est pas possible.

    • Oui mais justement je ne veux pas mettre de numéro d’image, je veux que ce soit dynamique.
      En gros mon formulaire est dans un squelette « article.html » et je veux que selon l’article sur lequel on est, ca affiche le logo de celui-ci, ou une image qui serait liée à cet article.
      Si ce n’est pas possible tant pis, je mettrai mon image en dehors du formulaire, je suis déjà très contente de mon formulaire :)

    • J’avais pas vu ta dernière réponse. Je me doutais bien qu’on pouvait pas mettre de données dynamiques dans le champ explication, j’avais essayé avec un texte simple, ca ne faisait rien non plus. J’ai essayé avec un champ texte, mais du coup ca affichait le code source de l’image, donc pas bon non plus.
      Je vais mettre mon image en dehors du formulaire, tant pis !

      Merci d’avoir répondu ! :)

    Répondre à ce message

  • Bonjour,
    Je viens d’installer formidable et j’ai un message d’erreur en lien avec la base (voir document joint). Il semblerait qu’il s’agit d’un cas première fois. Que puis-je faire ?

    Cordialement.

    Versions :
    PHP 5.3.10
    MySql 5.1.61-log
    spip 2.1.12
    Formidable 0.6.6 - stable
    jQuery UI 1.8.16
    Saisies pour formulaires 1.24.3
    API de vérification 0.1.13
    Facteur 1.8.5
    YAML 1.5.0

    Répondre à ce message

  • 1

    Bonjour,

    Est-il possible d’envoyer via un champs caché, id_auteur pour un auteur enregistré ?
    J’ai essayé avec #ID_AUTEUR, et le formulaire me renvoie #ID_AUTEUR (il y a une forme de logique, mais je voudrais le contenu).
    Cdlt
    GG

    • Dans un appel venant d’un contenu ce n’est pas possible (sauf si tu programmes toi-même un modèle en squelette, qui lui appellera le formulaire).

      En squelette on peut passer ce genre de paramètre avec le deuxième argument, comme expliqué dans la doc (un tableau de valeurs).

    Répondre à ce message

  • 1

    Bonjour,

    Existe-t-il une option « dépendance » pour formidable ?
    Je souhaite qu’un formulaire ne s’affiche qu’à partir du moment où un autre a été rempli avant.
    C’était une option de F&T que je n’ai jamais fait fonctionner correctement, mais qui me serait bien pratique ...
    A+ et merci pour le travail déjà fait.
    cordialement
    GG

    • Non cela n’existe pas pour le moment. Tu peux peut-être essayer de le simuler en faisant des tests en amont dans tes squelettes avant d’afficher un formulaire. Tu testes si le visiteur actuellement connecté a une réponse enregistré dans un autre formulaire et seulement si oui tu affiches le deuxième, un truc dans ce genre.

    Répondre à ce message

  • Bonjour,

    j’ai un problème avec le champ « explication » je peux l’ajouter à un formulaire mais ensuite pas moyen de le modifier ou de le supprimer (vu sur 2 sites).

    dd

    Répondre à ce message

  • 1
    Olivier30

    Bonjour,
    Le plugin fonctionne bien avec l’insertion du modèle standard par

    <?php include_once("/opt/nursit/sys/home/nursit/matrice/public/4.2/07/spip/ecrire/balise/formulaire_.php"); if ($lang_select = "fr") $lang_select = lang_select($lang_select); inserer_balise_dynamique(balise_FORMULAIRE__dyn(arguments_balise_dyn_depuis_modele('FORMULAIRE_FORMIDABLE'), '1'), array('', '', '', '', 'fr', '1')); if ($lang_select) lang_select(); ?>

    . Mais je souhaiterais aligner les différents champs et ne trouve pas la localisation des CSS utilisées par le modèle standard.
    Ou mettre le style « .formulaire_formidable label » ? J’ai essayé de balader « spip_formulaires.css » avec l’ajout de ces styles de partout, mais cela n’apporte rien.
    Merci de vos réponses, Olivier

    • Olivier30

      Précision,
      Le plugin fonctionne bien avec l’insertion du modèle standard par formulaire|formidable|id=1.
      Le code d’appel avec les balises avait disparu du message...

    Répondre à ce message

  • Bonjour,

    Est-ce que par hasard quelqu’un a réussi à configurer une « Modèle SPIP » dans CKeditor afin de facilement permettre aux utilisateurs d’ajouter la balise « formulaire|formidable|id=XX » dans leur article ?

    Je sais pertinemment que les utilisateurs ne se rappelleront plus de la syntaxe dans quelques mois.

    Merci !

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom