Les champs Photo, Dessin et Signature fonctionnent techniquement de la même manière. Les personnalisations présentées dans ce tutoriel s’appliquent donc aux trois types de champs.

⚠️ Important

Avant d'utiliser les balises Photo, Dessin et Signature, il est recommandé de consulter le tutoriel Les balises pour personnaliser les exports pour comprendre comment sont créées les balises, à quoi elles servent et où les trouver.

Tous les exemples de balises de ce tutoriel utilisent un identifiant générique, par exemple ##photo##, ##dessin## ou ##signature##. Lors de la mise en pratique, remplacez-les par ceux de votre propre formulaire.

1. Champs de type Multiples

Les champs Photo et Dessin sont de type simple par défaut. Ils ne peuvent donc contenir qu’une seule photo ou un seul dessin.

Cependant, les options Photos multiples autorisées et Dessins multiples autorisés permettent d'en insérer plusieurs.

Les balises sont alors déclinées selon le nombre de photos/dessins souhaité.

Exemple pour le champ Photo : ##photo:1##, ##photo:2##, ##photo:3##, etc.

Exemple pour le champ Dessin : ##dessin:1##, ##dessin:2##, ##dessin:3##, etc.

2. Champs d'un tableau

Dans votre formulaire, si les champs sont placés dans un tableau, pour afficher les médias d'une ligne en particulier, il convient d'ajouter dans la balise le numéro de la ligne entre crochets.

Quelques exemples de syntaxes pour des champs de type simple et multiples :

Numéro de ligne souhaité	Syntaxes champs simples	Syntaxes champs multiples
1	`##photo[1]##` `##dessin[1]##` `##signature[1]##`	`##photo[1]:1##` `##photo[1]:2##` etc... `##dessin[1]:1##` `##dessin[1]:2##` etc...
2	`##photo[2]##` `##dessin[2]##` `##signature[2]##`	`##photo[2]:1##` `##photo[2]:2##` etc... `##dessin[2]:1##` `##dessin[2]:2##` etc...
3	`##photo[3]##` `##dessin[3]##` `##signature[3]##`	`##photo[3]:1##` `##photo[3]:2##` etc... `##dessin[3]:1##` `##dessin[3]:2##` etc...

3. Taille des médias en pixels

Pour personnaliser la taille des photos, dessins et signatures dans les exports Word et Excel personnalisés, voici les différentes syntaxes à utiliser pour définir la largeur, la hauteur, ou les deux dimensions :

Dimensions souhaitées	Syntaxes champ simple	Syntaxes champs multiples
Largeur de 350 px	`##photo-350x##` `##dessin-350x##` `##signature-350x##`	`##photo:1-350x##` `##photo:2-350x##` etc... `##dessin:1-350x##` `##dessin:2-350x##` etc...
Hauteur de 200 px	`##photo-x200##` `##dessin-x200##` `##signature-x200##`	`##photo:1-x200##` `##photo:2-x200##` etc... `##dessin:1-x200##` `##dessin:2-x200##` etc...
Largeur et hauteur de 400 px	`##photo-400x400##` `##dessin-400x400##` `##signature-400x400##`	`##photo:1-400x400##` `##photo:2-400x400##` etc... `##dessin:1-400x400##` `##dessin:2-400x400##` etc...

ℹ️ Information pratique

Lorsque vous définissez uniquement la largeur ou la hauteur, l’autre dimension est automatiquement ajustée pour conserver les proportions d’origine de l’image.

3.1 Exemples en image

Photo avec une largeur de 100 pixels : ##photo-100x##

Photo avec une hauteur de 200 pixels : ##photo-x200##

Photo dans son format d'origine : ##photo##

💡Astuce

Pour une présentation optimale de votre export personnalisé, placez les balises dans un tableau, une balise par cellule.

4. Date et heure de prise de vue

Si vous souhaitez obtenir la date et heure de prise de vue des photos, des dessins ou des signatures, les balises peuvent être personnalisées avec les suffixes suivants :

Formats de dates	Syntaxes
Date et heure complètes	`##photo:time##` `##dessin:time##` `##signature:time##`
Format court (ex. : 1er jan. 2025)	`##photo:time:short##` `##dessin:time:short##` `##signature:time:short##`
Format moyen (ex. : 1er janvier 2025)	`##photo:time:medium##` `##dessin:time:medium##` `##signature:time:medium##`
Format long (ex. : mercredi 1 janvier 2025)	`##photo:time:long##` `##dessin:time:long##` `##signature:time:long##`
Format ISO (ex. : 2025-01-01)	`##photo:time:iso##` `##dessin:time:iso##` `##signature:time:iso##`

ℹ️ Information pratique

D'autres formats de date sont présentés dans notre tutoriel Les balises Date et heure.

5. Géolocalisation des médias

Si vous souhaitez obtenir la géolocalisation des photos et des signatures, vous devez activer l’option Prendre la localisation automatiquement dans l’onglet Avancé des champs Photo et Signature.

Les balises peuvent être personnalisées selon les syntaxes suivantes :

Latitude	Longitude
`##photo:latitude##`	`##photo:longitude##`
`##signature:latitude##`	`##signature:longitude##`

ℹ️ Information pratique

D'autres balises sont présentées dans notre tutoriel Les balises Géolocalisation

6. Lien téléchargeable

Pour alléger votre compte rendu, vous pouvez afficher les photos, dessins et signatures sous forme de lien.

Ajoutez simplement le suffixe :link à la balise pour afficher le lien de téléchargement.

Champ	Type simple	Type multiple
Photo	`##photo:link##`	`##photo:1:link##`, `##photo:2:link##`, `##photo:3:link##`, etc
Dessin	`##dessin:link##`	`##dessin:1:link##`, `##dessin:2:link##`, `##dessin:3:link##`, etc
Signature	`##signature:link##`

7. Aller plus loin

Pour approfondir le paramétrage des champs, consultez les tutoriels dédiés : Champ Photo, Champ Dessin et Champ Signature.

Les balises Photo, Dessin et Signature