Boutons imprimer dans un formulaire

  • fbfpformulaires
    Demandé le 17 juin 2024 à 05:12

    Bonjour,

    Je publie un formulaire où sont reprises toutes le informations des clubs (signalétiques) faisant partie de notre Fédération. Ces informations apparaissent sous différents onglets.
    Ces informations sont en lecture seule pour les adhérents qui consultent.
    Je désirerais qu'apparaisse un bouton "Imprimer" reprenant toutes les informations concernant le club.

    Je n'ai trouvé nulle part ce bouton sauf lorsque j'ajoute l'option "Soumettre" où il y a possiblité de faire apparaître un bouton "Imprimer".
    Cette option n'est pas bonne pour nous puisque le formulaire est en lecture seule et ne doit donc pas être soumis.

    Pouvez-vous m'aider à résoudre ce problème?

    D'avance, je vous remercie.

    Fabrice Mignon
    Gestionnaire

  • Frédéric Jotform Support
    Répondu le 17 juin 2024 à 06:27

    Bonjour fbfpformulaires,

    Merci de contacter l'assistance Jotform. En effet, le bouton Imprimer n'est proposé que pour accompagner que le bouton de soumission. Vous pouvez ne faire apparaître que le bouton imprimer en injectant un code CSS qui masque le bouton soumettre. Permettez-moi de vous montrer comment faire. 

    Dans un premier temps, il s'agit de connaître l'ID du champ soumettre de votre formulaire.

    1. Dans le Générateur de Formulaire,  cliquez sur l'engrenage du bouton de soumission.
    2. Dans le panneau de droite,  allez à l'onglet Avancés.
    3. A la section Détail du champ, cliquez sur la flèche descendante à droite, et descendez.Boutons imprimer dans un formulaire Image 1 Screenshot 60
    4. Notez ou copiez l'ID de champ au complet.Boutons imprimer dans un formulaire Image 2 Screenshot 71

    Ensuite, il s'agit d'injecter le code CSS suivant qui masque uniquement le champ de soumission:

    #input_7 {
     display: none;
    }

    le paramètre #inupt_7 étant celui noté plus haut, exclusion faite des deux autres paramètres qui contiennent pagebreak et print.

    Pour injecter ce code,

    1. Dans le Générateur de Formulaire,  cliquez sur le rouleau de peinture en haut à droite.Boutons imprimer dans un formulaire Image 3 Screenshot 82
    2. Allez à l'onglet Styles, et insérez le code CSS à la section Injecter du CSS personnalisé.Boutons imprimer dans un formulaire Image 4 Screenshot 93

    Ce qui donne le résultat suivant, sans bouton de soumission:

    Boutons imprimer dans un formulaire Image 5 Screenshot 104

    Faites un essai et dites-nous comment ça se passe. 

  • fbfpformulaires
    Répondu le 17 juin 2024 à 09:15

    Bonjour,

    Je vous remercie pour votre aide.
    Tout fonctionne correctement :)

    Bien à vous,

    Fabrice Mignon