1. Sous le volet "Création", dans le groupe "Champs usuels", cliquez sur "Image".
2. Cliquez dans la fenêtre à la position où le champ doit être créé. Le champ apparaît en création.

Onglet "Général"

Choix de l'image affichée dans le champ :
L'image affichée par le champ est sélectionnée via le bouton , option "Parcourir".

Remarque : Les images au format SVG avec style CSS ne sont pas supportées.

Si le champ Image affiche un fichier PDF, il suffit de sélectionner le fichier PDF à afficher. Les propriétés WLangage suivantes sont disponibles pour configurer la page du fichier PDF affichée :

ImageMode	Permet de connaître et de modifier le mode d'affichage d'une image.
NombrePage	Permet de connaître le nombre de pages présentes dans un fichier PDF affiché dans un champ Image.
NuméroPage	Permet de connaître et de modifier le numéro de la page d'un fichier PDF affiché dans un champ Image d'une fenêtre.

Attention : L'affichage d'un fichier PDF dans une image nécessite le framework GDI+.

Pour gérer les DPI des appareils, le nom du fichier image doit suivre un format spécifique. Pour plus de détails, consultez Android/iOS : Fournir une image par DPI.

• l'utilisation du mode 9 images.
• le mode d'affichage, de transparence, la position et la symétrie des images. Pour plus de détails, consultez Choisir le mode d'affichage de l'image.

Onglet "UI"

• l'état initial du champ,
• l'affichage ou non d'un symbole de représentation dans le champ. Le symbole de représentation correspond à la vignette affichée par défaut dans le champ Image sous l'éditeur.
  
  

  Image avec symbole de représentation
  

  Image sans symbole de représentation
  Cette option peut également être activée / désactivée pour tous les champs Image dans les options de l'éditeur de fenêtres. Pour plus de détails, consultez Options de l'éditeur de fenêtres.
• l'action effectuée lors d'un clic droit,
• le menu contextuel associé au champ,
• ...

Onglet "Détail"

• Les paramètres d'affichage
  • Chargement en tâche de fond : Cette option permet de ne pas bloquer l'application si l'image doit être chargée depuis un site. Une animation d'attente est automatiquement affichée dans le champ Image si nécessaire.
    Remarque : Si le champ Image est présent dans un champ Zone répétée, l'image est toujours chargée en tâche de fond (que l'option soit activée ou non).
  • Orienter selon les données Exif de l'image : Si cette option est activée, une photo sera automatiquement affichée dans le sens adéquat (portrait ou paysage) selon les données Exif de la photo.
    
  • Ascenseurs et zoom automatiques : Cette option est nécessaire pour l'affichage des PDF dans les champs Image. Si le PDF ne peut pas être affiché entièrement dans le champ Image, des ascenseurs sont affichés et le zoom est disponible en utilisant la touche Ctrl + la roulette de la souris. Le zoom peut également être manipulé par programmation grâce à la propriété Zoom.
  • Zoom et scroll au doigt : Cette option permet de gérer le multi-touch dans les applications mobiles. Pour plus de détails, consultez Multi-touch dans un champ Image.
• Les options d'animation
  Pour plus de détails, consultez Animer une image.
• Les options de cliquage
  Pour plus de détails, consultez Image cliquable dans une fenêtre.

Onglet "Style"

• Une animation lors du changement de l'image affichée dans le champ (élément "Animation de champ"). Le bouton "Paramètres" permet de définir la durée de l'animation.
• Un cadre (élément "Cadre extérieur").
• Une ombre floue (élément "Ombre floue").

1. Sélectionnez l'élément "Cadre extérieur".
2. Déroulez la liste "Cadre". Les différents cadres disponibles apparaissent.
   • Les options "Arrondi xxx" permettent de définir un cadre arrondi. Si ces options sont sélectionnées, une flèche bleue permet d'ouvrir la fenêtre de paramétrage du style dans l'onglet "Style".
   • L'option "Image (mode 9 images)" permet de choisir une image pour le cadre et de la paramétrer grâce au mode 9 images.
   • L'option "Personnalisé" permet de définir un cadre personnalisé. Si cette option est sélectionnée, une flèche bleue permet d'ouvrir la fenêtre de paramétrage de la forme personnalisée.
   • L'option "Rond" permet de créer une image ronde. Si ces options sont sélectionnées, une flèche bleue permet d'ouvrir la fenêtre de paramétrage (épaisseur et style du trait)
     Attention : Pour ne pas être déformée, l'image doit avoir un mode d'affichage homothétique.

Remarque : L'icône (à droite de l'option "Cadre") permet de configurer l'ombre du cadre du champ. Lorsque l'ombre est activée, il est possible de choisir :

• le décalage en X et Y de l'ombre,
• le pourcentage d'opacité,
• le rayon de flou,
• la couleur de l'ombre.