Comment définir les propriétés d’un champ de formulaire

Sujets :

Cet article est un glossaire de toutes les propriétés de champ de formulaire disponibles dans l’application. Toutes les options ne sont pas disponibles pour tous les types de champs. Au début de chaque section, nous vous indiquerons quels types de champs utilisent cette option de propriétés.

Vous pouvez ouvrir la section des propriétés en quelques clics.

  • Cliquez sur Mode Éditer.
  • Sélectionnez votre champ de formulaire.
  • Choisissez l’icône Propriétés.


mceclip1.png

 

Nous avons regroupé nos propriétés dans les options suivantes. Cliquez à l’avance pour accéder aux choses dont vous avez le plus besoin.

 

Propriétés d’apparence

Vous trouverez chaque paramètre d’apparence dans l’onglet Apparence.

 

Screenshot_3.jpg

 

Dans cette section, nous allons explorer comment configurer chaque option disponible. Veuillez garder à l’esprit que certains paramètres ne s’appliqueront qu’à des types de champs de formulaire spécifiques.

 

Formulaire

Quelques options sont disponibles pour vous assurer que la bordure du champ correspond à votre document :

 

Style de bordure

  • Cliquez sur la première liste déroulante pour modifier la largeur.
  • Augmentez le nombre pour le rendre plus épais, vous pouvez masquer la bordure en la définissant sur Très fine.


Screenshot_4.jpg

 

Vous pouvez mettre à jour le style, ou le motif, de la bordure du champ de formulaire.

  • Cliquez sur la deuxième liste déroulante pour modifier le style.
  • Choisissez-en un nouveau dans la liste.


Screenshot_5.jpg

 

Couleur de bordure et de fond

  • Cliquez sur le cercle en regard de Couleur de bordure et Couleur de fond.
  • Cliquez sur la couleur que vous souhaitez utiliser.
    • Cliquez ici pour plus d’informations sur les couleurs personnalisées.


Screenshot_6.jpg

 

Organiser

  • Sélectionnez le mode dans la section Organiser si plusieurs objets se chevauchent.

 

Screenshot_7.jpg

 

Surligner

Ces paramètres de police peuvent être définis pour bouton d’action, bouton radio et case à cocher. Cette option a un impact sur ce qui se passe lorsqu’un utilisateur interagit avec un champ de formulaire. Par exemple, choisir Inverser inversera toutes les couleurs au fur et à mesure que le champ est sélectionné :

  • Cliquez sur le menu déroulant en regard de Surligner.
  • Choisissez une option dans la liste.

 

Screenshot_8.jpg

 

Texte

Ce sont des fonctionnalités qui ont un impact sur tout texte lié à vos champs de formulaire. Qu’il s’agisse des options de valeur dans un menu déroulant ou du texte qu’un utilisateur entre dans votre champ.

 

Alignement du texte

  • Ouvrez les paramètres de texte.
  • Choisissez l’une des options d’alignement.

 

Screenshot_9.jpg


Multiligne - Champ de texte uniquement

Par défaut, les champs de texte ne permettent à un utilisateur d’entrer qu’une seule ligne de texte. Si vous souhaitez que le destinataire de votre formulaire ajoute des paragraphes, vous devez activer le multiligne.

  • Basculez le commutateur en regard de Multiligne.


Screenshot_10.jpg

 

Mode Mot de passe

Cette fonctionnalité masquera tout ce qui est entré dans le champ de texte, affichant des étoiles au lieu des caractères qu’elles entrent.

  • Basculez le commutateur en regard de Mot de passe.

 

Screenshot_11.jpg

 

Nombre maximal de caractères

Lorsque vous travaillez avec des champs de texte, vous pouvez limiter le nombre de caractères pouvant être saisis dans le champ.

  • Choisissez la limite de caractères.

 

Screenshot_12.jpg

 

Police

Ces paramètres de police peuvent être définis pour les champs de texte, les zones de liste déroulante (menus déroulants), les zones de liste et les signatures.

 

Modifier la police

  • Choisissez la police souhaitée dans la liste.

 

Screenshot_13.jpg

 

Taille de la police

  • Choisissez une nouvelle taille de police dans la liste.

 

Screenshot_14.jpg

 

Couleur de police

  • Cliquez sur le cercle en regard de Couleur de police.
  • Cliquez sur la couleur que vous souhaitez utiliser.
    • Cliquez ici pour plus d’informations sur les couleurs personnalisées.

 

Screenshot_15.jpg

 

Style de police

Vous pouvez appliquer le gras ou l’italique au texte.

  • Cliquez sur l’option que vous souhaitez utiliser.

 

Screenshot_16.jpg

 

Tourner

  • Ouvrez la liste déroulante Rotation.
  • Choisissez une option de rotation dans la liste.

 

Screenshot_17.jpg

 

Légende/Symbole

Une option de légende est disponible pour les cases à cocher et les cases d’option, ce qui met à jour l’icône que vous voyez lorsqu’un utilisateur sélectionne le champ. Il existe également une option de légende disponible pour les boutons-poussoirs qui met à jour le texte sur le bouton.

Vous pouvez également modifier la taille et la couleur de cette légende.

 

Légende des boutons radio/cases à cocher

  • Cliquez sur le menu déroulant en regard de Légende.
  • Choisissez-en un dans la liste.

 

Screenshot_18.jpg

 

Couleur de légende/symbole

  • Cliquez sur le cercle en regard de Couleur de police.
  • Cliquez sur la couleur que vous souhaitez utiliser.
    • Cliquez ici pour plus d’informations sur les couleurs personnalisées.

 

Screenshot_19.jpg

 

Taille de légende/symbole

Cela modifiera la taille du symbole dans une case à cocher ou un bouton radio. Il changera la taille de la police dans un bouton-poussoir.

 

Screenshot_20.jpg

 

Texte du bouton d’action

  • Cliquez en regard de Légende.
  • Tapez la nouvelle légende dans la zone.
  • Appuyez sur la touche Entrée pour confirmer votre choix.

 

Screenshot_21.jpg

 

Définir/Réinitialiser l’apparence par défaut

Une fois que vous avez apporté des modifications à l’apparence d’un champ de formulaire, vous pouvez définir la nouvelle apparence par défaut. Cette valeur par défaut ne sera définie que pour ce type de champ spécifique.

Si vous définissez l’apparence d’une case d’option, vous ne verrez pas les modifications apportées à une case à cocher.

Ces valeurs par défaut restent en vigueur lorsque vous ajoutez ces champs à un document PDF.

 

Définir par défaut

Vous devez apporter un changement avant de pouvoir choisir cette option.

  • Cliquez sur PAR DÉFAUT.


Screenshot_22.jpg

Réinitialiser la valeur par défaut

La réinitialisation d’une valeur par défaut réinitialisera tous les changements d’apparence aux paramètres par défaut de Soda PDF.

  • Sélectionnez n’importe quel champ.
  • Ouvrez les propriétés.
  • Cliquez sur RÉINITIALISER PAR DÉFAUT.


Screenshot_23.jpg

 

Valeurs

Selon le type de formulaire que vous utilisez, vous rencontrerez différentes options de définition de valeur.

 

Screenshot_24.jpg

 

Voici une ventilation de chaque paramètre de valeur :

 

Lecture seule

Cette option s’applique à toutes les propriétés. Cette option empêche toute modification de la valeur dans le champ du formulaire.

  • Basculez le commutateur en regard de Lecture seule.

 

Screenshot_25.jpg

 

Pas d’exportation

Ce paramètre s’applique à tous les types de champs de formulaire. Cette option empêche l’extraction des données du formulaire à partir de ce document.

  • Basculez le commutateur en regard de Pas d’exportation.

 

Screenshot_26.jpg

 

Nécessaire

Ce paramètre s’applique à tous les types de champs de formulaire, à l’exception des boutons-poussoirs. Cette option nécessite que l’utilisateur remplisse ce champ de formulaire avant de pouvoir enregistrer le document.

  • Basculez le commutateur en regard de Nécessaire.

 

Screenshot_27.jpg

 

Valeur du champ

La valeur du champ n’est disponible que pour le champ de texte et la zone de liste déroulante.

  • Script de validation : valide le champ à l’aide d’un script (JavaScript) que vous créez ou fournissez.
  • Le bouton Définir ouvre une boîte de dialogue dans laquelle vous pouvez écrire et ajouter de nouveaux scripts.

 

Screenshot_150.png

 

Liste des valeurs

Ce paramètre concerne les zones de liste déroulante (menus déroulants) et les zones de liste. Vous pouvez définir les valeurs parmi lesquelles vos utilisateurs peuvent choisir.

 

Étape 1 - Ouvrir l’outil de liste de valeurs

Il y a 2 façons d’ouvrir l’outil. La première se trouve dans l’onglet Valeurs :

  • Cliquez sur Définir à côté de Options.

 

Screenshot_28.jpg

 

L’autre option :

  • Cliquez avec le bouton droit de la souris sur le champ du formulaire.
  • Choisissez Editer la liste de valeur.

 

Screenshot_29.jpg

 

Étape 2 - Ajouter des valeurs

Vous pouvez ajouter des valeurs à la liste pour vos utilisateurs. Vous pouvez ajouter le nom public et personnaliser le nom de la valeur en arrière-plan.

  • Cliquez sur Ajouter.
  • Tapez le nom de votre valeur.
  • Cliquez n’importe où ailleurs pour confirmer.
  • Répétez l’opération jusqu’à ce que toutes les valeurs soient ajoutées.

 

Screenshot_30.jpg

 

Étape 3 - Modifier le nom public et le nom de la valeur

La colonne Nom est ce que votre utilisateur verra. Sous Valeur, vous pouvez définir un nom de valeur différent à des fins de données.

  • Double-cliquez sur le nom que vous souhaitez mettre à jour.
  • Tapez dans la zone.
  • Cliquez n’importe où ailleurs pour confirmer.

 

Étape 4 - Confirmer la nouvelle liste de valeurs

  • Cliquez sur Appliquer pour confirmer votre nouvelle liste.

 

Screenshot_31.jpg

 

Étape 5 - Suppression d’une valeur

  • Cliquez sur l’icône de la corbeille à côté d’une valeur.

 

Screenshot_32.jpg

 

Étape bonus - Valeur modifiable

Si vous travaillez avec une zone de liste déroulante (menu déroulant), vous pouvez offrir aux utilisateurs la possibilité de modifier les entrées de la liste déroulante, en ajoutant les leurs.

  • Basculez le commutateur en regard de Modifiable.

 

Screenshot_33.jpg

 

Événements

Vous pouvez configurer des événements pour tous les types de champs de formulaire dans l’onglet Événements.

 

Screenshot_34.jpg

 

  • L’événement Entrer avec la souris est déclenché lorsque le pointeur est déplacé sur l’élément.
  • L’événement Quitter avec la souris est déclenché lorsque le pointeur est déplacé hors de l’élément.
  • L’événement Curseur vers le bas est déclenché lorsque le bouton du pointeur est enfoncé sur l’élément.
  • L’événement Curseur vers le haut est déclenché lorsque le bouton de pointeur est relâché sur l’élément.
  • L’événement Foyer est déclenché lorsque l’on clique sur le bouton du pointeur sur l’élément.
  • L’événement Blur est déclenché lorsque l’utilisateur clique sur le bouton du pointeur et non dans l’élément.
  • L’action (disponible uniquement pour la case à cocher, le bouton radio et tous les boutons) est déclenchée lorsque l’utilisateur clique sur l’élément.
  • Signé (disponible uniquement pour la signature) : valide le champ par un script (JavaScript) que vous créez ou fournissez. Le bouton Définir ouvre une boîte de dialogue dans laquelle vous pouvez écrire et ajouter de nouveaux scripts.

 

  • Cliquez sur Définir à côté de l’option nécessaire.
  • Choisissez l’action que vous souhaitez ajouter.
  • Cliquez sur Ajouter.

 

Screenshot_35.jpg

 

Événements champs

Les événements de champ sont disponibles uniquement pour Champ de texte, Zone de liste déroulante et Zone de liste.

  • Modifier : affiche tous les scripts personnalisés que vous avez ajoutés pour les modifier.
  • Valider : valide le champ à l’aide d’un script (JavaScript) que vous créez ou fournissez.
  • Calculer : affiche tous les scripts personnalisés que vous avez ajoutés pour les calculs.
  • Format : affiche tous les scripts personnalisés que vous avez ajoutés pour les formats.

Le bouton Définir ouvre une boîte de dialogue dans laquelle vous pouvez écrire et ajouter de nouveaux JavaScripts. Cliquez sur le bouton Définir pour définir un événement.

 

Screenshot_151.png

 

Format

Cette option n’est disponible que pour les champs de texte et les zones de liste déroulante (menus déroulants).

Avec la mise en forme des champs, vous pouvez ajouter des restrictions spéciales à votre champ, comme forcer ce champ à représenter un % ou une date.

Chacune de ces options se trouve dans l’onglet Format. Vous pourrez choisir entre les options disponibles dans la liste déroulante à côté de Catégorie.

 

Screenshot_36.jpg

 

Vous pouvez configurer les options suivantes :

  • Numéro - Seuls les nombres peuvent être saisis, vous pouvez configurer la mise en forme spécifique.
  • Pourcentage - Tout nombre entré dans ce champ deviendra un %.
  • Date - Ce champ n’affichera que les dates dans le format de votre choix.
  • Heure - Ce champ n’affichera que les chiffres de temps dans le format de votre choix.
  • Spéciaux - Options de formatage supplémentaires.
  • Personnaliser - Commande JavaScript.

 

Numéro

  • Choisissez Numéro en regard de Catégorie.
  • Définissez le nombre de décimales après 0 qui doivent être visibles.
  • Vous pouvez choisir entre les options de ponctuation pour les séparations de nombres en regard de Style de séparation.
  • Lorsque vous traitez de l’argent, vous pouvez choisir un symbole de devise.
    • Lorsque vous le faites, vous pouvez choisir l’emplacement du symbole en le plaçant avant ou après le numéro.

 

Screenshot_37.jpg

 

Pourcentage

  • Choisissez Pourcentage en regard de Catégorie.
  • Définissez le nombre de décimales après 0 qui doivent être visibles.
  • Vous pouvez choisir entre les options de ponctuation pour les séparations de nombres en regard de Style de séparation.

 

Screenshot_38.jpg

 

Date

  • Choisissez Date en regard de Catégorie.
  • Choisissez parmi les formats disponibles en regard de Date.

 

Screenshot_39.jpg

 

La date doit être saisie dans le format spécifique que vous avez choisi. Cependant, toute personne remplissant un formulaire verra un sélecteur de date :

 

Screenshot_40.jpg

 

Heure

  • Choisissez Heure en regard de Catégorie.
  • Choisissez parmi les formats disponibles en regard de Heure.

 

Screenshot_41.jpg

 

Spéciaux

  • Choisissez Spéciaux en regard de Catégorie.
  • Choisissez parmi les formats disponibles à côté de Spéciaux.

 

Screenshot_42.jpg

 

Personnaliser

Vous pouvez également exécuter une commande JavaScript lorsqu’un utilisateur interagit avec votre champ.

  • Choisissez Personnaliser en regard de Catégorie.
  • Vous pouvez ajouter un script de format ou un script de frappe en cliquant sur Modifier à côté de l’un ou l’autre.

 

Screenshot_43.jpg

 

  • Entrez votre commande JavaScript dans la fenêtre qui s’ouvre.
    • Nous n’offrons pas de support sur les commandes JavaScript, mais vous pouvez cliquer ici pour plus d’informations.

 

Calculs

Vous pouvez configurer des champs de texte et des zones de liste déroulante (menus déroulants) pour effectuer des calculs mathématiques. Ceux-ci se trouvent dans l’onglet Calculs.

 

Screenshot_44.jpg

 

Nous vous recommandons de configurer d’abord ces champs avec les paramètres numériques appropriés. Vous pouvez choisir entre :

 

Calculs rapides

Étape 1 - Choisissez le champ de résultat du calcul

Vous devrez choisir le champ où les résultats du calcul apparaîtront.

 

Étape 2 - Choisissez l’opération mathématique

  • Choisissez Prédéfini en regard de Catégorie.
  • En regard de Prédéfini, choisissez l’une des options suivantes

 

Screenshot_45.jpg

 

Étape 3 - Choisissez les champs impliqués dans les calculs

  • Cliquez sur Modifier en regard de Champs.
  • Choisissez les champs.
  • Cliquez sur Appliquer.

 

Screenshot_46.jpg

 

Calculs avancés

Vous pouvez écrire vos propres équations avec des calculs avancés. Vous pouvez également utiliser un script.

 

Écrivez vos propres équations

Veuillez respecter l’ordre des opérations lorsque vous créez des équations.

  • Choisissez Notation simplifiée des champs en regard de Catégorie.
  • Cliquez sur Définir. Une boîte s’ouvrira où vous pourrez entrer votre équation mathématique.
    • Entrez chaque nom de champ (assurez-vous que toutes les majuscules correspondent) et séparez les noms de champ par le symbole mathématique correct.
    • A titre d’exemple : pour effectuer la division ce serait le champ 1/champ 2.
    • Un autre exemple peut le configurer comme field1/field2+field3*field4 et dans ce cas, il ajoutera le produit des champs 3 & 4 avec les résultats de la division du champ 1 par le champ 2.
  • Cliquez sur Appliquer pour confirmer.

 

Screenshot_47.jpg

 

Utiliser un script

Vous pouvez utiliser JavaScript pour effectuer des équations plus complexes.

  • Choisissez Script de calcul personnalisé.
  • Cliquez sur Définir en regard de Script.
  • Entrez votre code.
  • Cliquez sur OK.

 

Screenshot_48.jpg

 

Propriétés générales

Cette section décrit les propriétés qui ont un impact général sur le champ de formulaire.

Vous apprendrez à configurer les éléments suivants :

 

Nom du champ

  • Ouvrez l’onglet Propriétés générales.
  • Cliquez en regard de Nom.
  • Tapez le nouveau nom dans la zone.
  • Appuyez sur la touche Entrée ou cliquez-en dehors de la boîte pour confirmer votre choix.


Screenshot_49.jpg 

 

Infobulle

Lorsqu’un utilisateur passe sa souris sur le champ, vous verrez votre conseil apparaître.

 

Screenshot_50.jpg

 

  • Cliquez en regard de Infobulle.
  • Tapez votre pourboire dans la boîte.
  • Appuyez sur la touche Entrée pour confirmer.


Screenshot_51.jpg

 

Vous pouvez facilement vérifier que votre infobulle est correctement configurée :

  • Cliquez sur le bouton Afficher.
  • Passez votre souris sur le champ du formulaire.


Screenshot_52.jpg


Emplacement du champ (coordonnées XY)

Chaque champ de formulaire de votre document a une coordonnée XY spécifique qui reflète son emplacement. Ces coordonnées correspondront à l’unité de mesure de la taille de votre page. 

Vous pouvez entrer n’importe quelle coordonnée XY et déplacer le champ vers un emplacement exact.

  • Ouvrez l’onglet Propriétés générales.
  • Cliquez en regard de Position X ou Position Y.
  • Tapez le nouveau numéro dans la zone.
  • Appuyez sur la touche Entrée ou cliquez-en dehors de la boîte pour confirmer votre choix.

 

Screenshot_53.jpg

 

Taille du champ

La meilleure façon de vous assurer que vos champs ont exactement la même taille est de définir la taille via l’onglet propriétés. Une fois que vous avez placé le premier champ, vous pouvez vérifier sa taille en vérifiant la largeur et la hauteur.

Vous pouvez ensuite appliquer les mêmes dimensions à n’importe quel champ.

  • Ouvrez l’onglet Propriétés générales.
  • Cliquez en regard de Hauteur ou Largeur.
  • Tapez le nouveau numéro dans la zone.
  • Appuyez sur la touche Entrée ou cliquez-en dehors de la boîte pour confirmer votre choix.

 

Screenshot_54.jpg

 

Vous pourrez également restreindre l’accès à vos formulaires.

  • Cliquez sur le logo pour activer/désactiver la fonctionnalité.
    • Verrouillé – Cela garantit qu’aucune modification ne peut être apportée au champ.
    • Visible – La désactivation masquera le champ. Il restera au même endroit et sera accessible si quelqu’un clique dessus.

 

Screenshot_55.jpg

 

Nous avons deux modules supplémentaires. Le module OCR vous permet de reconnaître et de modifier le texte dans n’importe quel document numérisé ou n’importe quelle image. Nous avons également le module E-Sign qui vous permet de signer électroniquement des PDF et de suivre et gérer les signatures électroniques en temps réel. Si ces modules ne sont pas disponibles pour vous, vous pouvez les acheter ici.

 

OCR.pngesign.png

Cet article vous a-t-il été utile ?

Yes No
Utilisateurs qui ont trouvé cela utile : 10 sur 27
Vous avez d’autres questions ? Envoyer une demande