Ajout d'un bouton "Imprimer" au formulaire BreezingForms

Même s'il est possible, après la soumission d'un formulaire, d'envoyer une copie des informations sous forme de fichier .pdf, dans certaines situations, il sera intéressant de pouvoir proposer à l'initiateur d'un formulaire de pouvoir imprimer ce dernier or, BreezingForms ne propose pas de bouton d'impression.

Cela est-il donc possible avec BreezingForms ?

Niveau: Facile
Version BF minimale requise: BreezingForms Lite

Mise en place du bouton

Lorsque votre formulaire est prêt, placez un élément, en fin de page p.ex., de type Bouton d'envoi.

  1. Labellisez-le Imprimer
  2. Nommez-le print p.ex.
  3. Et donnez-lui une valeur : Imprimer p.ex.
  4. Sauvegarder ses propriétés.

Il faut ensuite lui indiquer qu'il ne servira pas à envoyer le formulaire mais à l'imprimer.

Propriétés du bouton

Rendez-vous dans les options avancées de ce bouton. En bas de page, dans la section Script Action, paramétrez comme suit :

  1. Cochez le bouton Personnalisé
  2. Cochez ensuite la case Clic
  3. Cliquez ensuite le bouton Créer le framework afin d'insérer le code d'action du bouton. Un code semblable à ce qui suit apparait dans la zone de texte :
    function ff_print_action(element, action)
    {
        switch (action) {
            case 'click':
                break;
            default:;
        } // switch
    } // ff_print_action
  4. En fin de ligne 4. "case 'click';" faites un retour chariot et insérer le bout de code suivant : window.print();
  5. Afin d'obtenir un code similaire au suivant :
    function ff_print_action(element, action)
    {
        switch (action) {
            case 'click':
                window.print();
                break;
            default:;
        } // switch
    } // ff_print_action
  6. Enregistrez à nouveau les propriétés du bouton puis enregistrez le formulaire.

Il vous reste à tester le formulaire et le publier en ligne.

Tester la fonction d'impression

Inspiré de: https://crosstec.org/en/support/online-documentation/breezingforms/12-examples-scripts/106-print-a-form.html

Cet article vous a plu ?
N'hésitez pas à laisser une évaluation en haut de page afin de me faire part de votre impression !

 Commentaires  
NOEL
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsNOEL06-09-2018 11:44
Bonjour,
Le bouton imprimer s'affiche bien, il semble actif mais la popup d'impression ne s'affiche pas !
Pourquoi générer le code en deux temps ? Un copier/coller de l'intégralité du code n'est pas bon ?
Merci de vos réponses
Cordialement
Philippe
Répondre | Répondre en citant | Citer
Eddy
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsEddy06-09-2018 13:02
Bonjour.

La raison de l'affichage du code en deux temps est purement pédagogique, la première étape consiste à générer le framework du code et ce dernier se référera au nom donné à votre bouton. La seconde étape consiste à placer le code d'impression ! Seul ces deux actions permettent de s'affranchir d'éventuelles erreurs comme celle que vous avez rencontrée.

Le copier / coller du code présent ne peut fonctionner que si le bouton est nommé comme il l'est dans le script. Il y avait une petite subtilité que je viens de corriger dans le tutoriel, je l'avoue, et il s'agissait du nom du bouton !
C'est donc bien la preuve que le copier / coller est à éviter et en privilégier la méthode classique, passer par la génération du framework suivie de l'insertion du code…

En suivant les étapes comme mentionnées, dans l'ordre, le code se construira selon le nom de votre bouton et non le nom du mien, utilisé pour cet exemple et votre script fonctionnera. ;)

En espérant avoir apporté une réponse qui vous aidera à comprendre l'erreur, je vous souhaite bonne continuation avec BreezingForms ainsi qu'une excellente journée.

__
Bien cordialement
Eddy
Répondre | Répondre en citant | Citer
jimmy
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsjimmy09-10-2019 13:27
bonjour

merci , je débute avec Breezingforms , das le cadre professionnel . J'ai déjà appris mal de chose en regardant les différents tutos . C'est bien expliqué . Faut juste que je fasse les correspondances français anglais car mon module est en anglais , version 1.9 . Je ne sais pas si je peux trouver une traduction française à jour
Répondre | Répondre en citant | Citer
Eddy
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsEddy10-10-2019 09:52
Bonjour Jimmy.

Quelle est votre version de BreezingForms (build 931 ?, Lite ou Pro ?). BreezingForms est livré avec différents fichiers de langue dont le français et il est surprenant que ce ne soit pas le cas chez vous.
Je vous invite à retélécharger les fichiers d'installation et réinstaller le composant par dessus votre version actuelle.
Si vous utilisez la version Lite, vous pouvez télécharger une version corrigée pour PHP 7.2+ que j'ai mise à dispo dans mon dernier billet.
Répondre | Répondre en citant | Citer
jimmy
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsjimmy10-10-2019 10:50
Bonjour

Merci des précisions , nous utilisons BreezingForms 1.9.0 Stable (build 929).
Répondre | Répondre en citant | Citer
Eddy
0#RE: Ajout d'un bouton "Imprimer" au formulaire BreezingFormsEddy10-10-2019 12:02
Jimmy.

La suite du commentaire est supprimée, ce sont des infos relativement personnelles, je vous contacte par e-Mail pour la suite.
PS : La dernière version de BreezingForms est la build 931.
Répondre | Répondre en citant | Citer
 Ajouter un commentaire
En utilisant ce formulaire de commentaires, vous acceptez que les informations demandées soient enregistrées, affichées ci-dessous et utilisées pour un éventuel contact (dans ce cas, n'oubliez pas de renseigner votre e-mail). L'adresse e-mail n'est jamais affichée aux visiteurs.