Ajout d'un bouton "Imprimer" au formulaire BreezingForms

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

 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.

 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