Ajout d’un bouton d’action interactif à un formulaire

Sujets

Vous pouvez ajouter des champs interactifs à votre formulaire. Soda PDF peut ajouter des options prédéfinies telles qu’un bouton d’impression, un bouton d’envoi de formulaire, un bouton de courriel et un bouton d’enregistrement.

Cet article ne couvrira pas la modification de l’apparence de votre bouton, vous pouvez en savoir plus dans notre guide complet des propriétés des champs.

Vous pouvez également programmer votre propre bouton avec JavaScript. Cet article explique comment ajouter chacun des éléments suivants :

• Bouton Imprimer
• Bouton Envoyer le formulaire
• Bouton Courriel
• Bouton Enregistrer
• Bouton Ouvrir un fichier
• Bouton Ouvrir la page Web
• Bouton de navigation du document
• Bouton Réinitialiser le formulaire
• Bouton Afficher/Masquer le champ
• Bouton codé en JavaScript

 

Autres sujets que nous couvrirons :

• Gestion de plusieurs actions
• Modifier la légende du bouton
• Test de votre bouton
• Suppression d’un bouton

 

Bouton Envoyer le formulaire

Le bouton Envoyer le formulaire peut être utilisé pour avoir un moyen automatique de renvoyer des formulaires ou des valeurs une fois qu’un utilisateur a rempli le formulaire.

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Sélectionnez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton d’action sur votre PDF

Vous verrez le contour du bouton-poussoir apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ au fur et à mesure que vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez l’action Envoyer le formulaire

• Cliquez sur les 3 points dans la fenêtre Ajouter une action.
• Choisissez l’option Envoyer le formulaire.

 

 

Étape 5 - Configurer les options

• Entrez l’URL à laquelle le formulaire sera envoyé.
• Choisissez le format de fichier.
• Choisissez les champs qui seront soumis.

 

 

• Si vous choisissez l’option Sélectionner les champs, vous devez cocher les champs que vous souhaitez soumettre.
• Vous pouvez également choisir d’inclure des champs vides et d’inverser la sélection.
• Cliquez sur Appliquer lorsque vous êtes prêt.

 

 

• Lorsque tous les paramètres sont configurés, cliquez sur Appliquer pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Bouton Enregistrer

Ce bouton déclenche la commande Enregistrer sous lorsqu’un utilisateur clique dessus.

 

Étape 1 - Choisissez l’option du bouton Enregistrer

• Ouvrez l’onglet Formulaires.
• Sélectionnez Bouton.
• Cliquez sur Enregistrer.

 

 

Étape 2 - Placez le bouton Enregistrer sur votre PDF

Vous verrez le contour de la boîte apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Vous pouvez maintenant redimensionner votre bouton ou le déplacer n’importe où sur votre page en mode Éditer.

 

 

Bouton Ouvrir un fichier

Lorsqu’un utilisateur clique sur ce bouton, un fichier spécifique s’ouvre. Veuillez noter que toute personne recevant ce fichier aura besoin d’accéder à l’emplacement du fichier. 

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Sélectionnez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton d’action sur votre PDF

Vous verrez le contour du bouton-poussoir apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez l’action Ouvrir le fichier

• Cliquez sur l’option Ouvrir le fichier dans la fenêtre Ajouter une action.

 

 

Étape 5 - Choisissez votre fichier et confirmez l’action

• Une fenêtre de navigation s’ouvrira et vous pourrez choisir le fichier.
• Votre action apparaîtra dans la fenêtre Ajouter une action, cliquez sur AJOUTER pour confirmer.

 

 

Bouton Ouvrir la page Web

Lorsqu’un utilisateur clique sur ce bouton, une page Web spécifique s’ouvre.

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Choisissez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton sur votre PDF

Vous verrez le contour du bouton apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez l’action Ouvrir une page Web

• Cliquez sur l’option Ouvrir une page web dans la fenêtre Ajouter une action.

 

 

Étape 5 - Entrez l’URL

• Entrez l’URL dans la zone.
• Cliquez sur Appliquer pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Bouton de navigation du document

Lorsqu’un utilisateur clique sur ce bouton, il est redirigé vers une page spécifique de votre PDF.

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Sélectionnez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton d’action sur votre PDF

Vous verrez le contour du bouton apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez Aller à la page action

• Cliquez sur l’option Aller à la page dans la fenêtre Ajouter une action.

 

 

Étape 5 - Accédez à votre page cible

• Faites défiler jusqu’à la page cible.
  • Vous pouvez également utiliser les options de navigation dans le coin inférieur droit de la page.
• Cliquez sur la page pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Bouton Réinitialiser le formulaire

Lorsqu’un utilisateur clique sur ce bouton, vous pouvez choisir certains champs de formulaire à réinitialiser.

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Choisissez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton sur votre PDF

Vous verrez le contour du bouton apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez l’action réinitialiser le formulaire

• Cliquez sur les 3 points dans la fenêtre Ajouter une action.
• Choisissez l’option Réinitialiser le formulaire.

 

 

Étape 5 - Choisissez les champs qui seront réinitialisés

• Cochez les cases en regard de tout champ à réinitialiser.
• Cliquez sur Appliquer pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Bouton Afficher/Masquer le champ

L’option Afficher le champ vous permet de créer un déclencheur pour afficher les champs masqués. L’option Masquer le champ vous permet de masquer certains champs.

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Choisissez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton sur votre PDF

Vous verrez le contour du bouton-poussoir apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez Afficher le champ ou Masquer un champ

• Cliquez sur les 3 points dans la fenêtre Ajouter une action.
• Choisissez l’option Afficher le champ ou Masquer un champ.

 

 

Étape 5 - Choisissez les champs qui seront masqués / révélés

• Choisissez les champs de formulaire qui doivent être masqués/révélés.
• Cliquez sur Appliquer pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Bouton codé JavaScript

Vous pouvez coder un bouton qui utilise un script créé avec JavaScript.

 

Étape 1 - Ajouter un bouton d’action

• Ouvrez l’onglet Formulaires.
• Choisissez Bouton.
• Cliquez sur Action.

 

 

Étape 2 - Placez le bouton sur votre PDF

Vous verrez le contour du bouton apparaître sur votre document. Vous pouvez le positionner où vous le souhaitez.

• Cliquez n’importe où dans votre fichier pour placer le bouton.
  • Maintenez le bouton gauche de la souris enfoncé et faites glisser le curseur pour redimensionner le champ lorsque vous le placez.

 

 

Étape 3 - Ouvrez la fenêtre Ajouter une action

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Cliquez sur l’onglet Événements.
• Cliquez sur Définir à côté d’Action.

 

 

Étape 4 - Choisissez l’action JavaScript

• Cliquez sur les 3 points dans la fenêtre Ajouter une action.
• Choisissez l’option JavaScript.

 

 

Étape 5 - Ajouter votre script

• Entrez votre script dans la boîte.
• Cliquez sur OK pour confirmer.

 

 

Étape 6 - Confirmez l’action

Votre action apparaîtra dans la fenêtre Ajouter une action.

• Cliquez sur AJOUTER pour finaliser.

 

 

Gestion de plusieurs actions

Vous pouvez configurer votre bouton pour avoir plusieurs actions à la fois. Ils seront déclenchés dans l’ordre dans lequel ils apparaissent.

Vous pouvez réorganiser l’ordre de toutes les actions.

• Faites glisser et déposez des actions pour modifier l’ordre d’exécution de l’action.

 

 

Vous pouvez supprimer une action du bouton.

• Cliquez sur l’icône de la corbeille en regard de l’action que vous souhaitez supprimer.

 

 

Modifier la légende du bouton

Vous pouvez mettre à jour la légende du bouton que l’utilisateur voit.

• Sélectionnez votre bouton en mode Éditer.
• Ouvrez les Propriétés.
• Choisissez l’onglet Apparence.

 

 

• Ouvrez la section Texte.
• Tapez votre nouvelle légende et cliquez n’importe où ailleurs pour confirmer.

 

 

Cliquez ici pour en savoir plus sur la modification des propriétés d’apparence des champs de formulaire.

 

Test de votre bouton

• Passez en mode Visualiser.
• Cliquez sur le bouton.

 

 

Suppression d’un bouton

• Passez en mode Éditer.
• Faites un clic droit sur le bouton.
• Sélectionnez Supprimer.