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

Vous avez trouvé cet article intéressant ?
N'hésitez pas à l'évaluer en haut de page Je vous en remercie d'avance."

 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
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

Les commentaires sont réservés aux membres enregistrés. Si vous êtes membre, veuillez vous connecter sinon, n'hésitez pas à vous enregistrer !