Exemples

Utilisez ce widget pour prendre en charge les exigences de conception d’application, telles que les suivantes :

• Vous souhaitez ajouter des images à une page qui visualise les rubriques ou données représentées ou correspond à ces rubriques ou données.
• Vous souhaitez afficher sur la page d’accueil une image sur laquelle les utilisateurs pourront cliquer pour être redirigés vers un autre site Web.

Remarques sur l'utilisation

Pour une source d’images statiques, le nombre d’images que vous pouvez télécharger n’est pas limité.

Paramètres

Le widget Image (Image) inclut les paramètres suivants :

• Connect to data (Connexion aux données) : vous pouvez également connecter le widget à des données spécifiques, y compris une vue de données. (Aucune source de données n’est requise pour un widget Image (Image).)

  Remarque :

  Dans le cas d’une connexion à une source de données, vous pouvez tout de même ajouter une image statique, et vous pouvez également définir une source dynamique à partir des attributs ou des expressions, en fonction de la source de données.

• Image source (Source d’image) : sélectionnez une source d'image en la téléchargeant à partir de fichiers locaux ou en spécifiant l’URL. Le widget prend en charge les URL https et base64. Le cas échéant pour les données sélectionnées, cliquez sur Dynamic (Dynamique) et sélectionnez Attachment (Pièce jointe) ou Symbol (Symbole) pour remplir le widget d’image de pièces jointes de couches d’entités ou de symboles d’entités cartographiques Web. Cliquez sur le bouton Delete (Supprimer) pour supprimer une image importée inutilisée.
  • S’il existe plusieurs entités dans la visualisation de données sélectionnée, le widget d’image affiche uniquement les pièces jointes ou les symboles de la première entité.
  • Les sources Attachment (Pièce jointe) et Symbol (Symbole) prennent en charge la sélection de la visualisation de données, Selected features (Entités sélectionnées) ou Auto-populated features (Entités remplies automatiquement) (avec Liste).
• Image display quality (Qualité d’affichage de l’image) : pour une source d’image locale statique (formats de fichiers PNG, JPG et JPEG uniquement), choisissez entre quatre niveaux de qualité d’affichage de l’image : Low (Faible), Medium (Moyen), High (Élevé) et Original (Origine). Utilisez une qualité d’image moindre pour optimiser les performances de chargement de l’image.
• Set link (Définir un lien) : ajoutez un lien sur l’image pour accéder à d’autres contenus, par exemple une page, une fenêtre, une adresse Web, un bloc ou une vue dans une section de l’application. En plus d’une adresse Web, vous pouvez utiliser l’option URL pour configurer un lien qui renvoie à une adresse e-mail, un numéro de téléphone, etc. Vous pouvez choisir si un lien doit s’ouvrir dans la même fenêtre que l’application, dans la fenêtre supérieure ou dans une nouvelle fenêtre.
• Tooltip (Info-bulle) : spécifiez un texte d’info-bulle pour décrire l’image.

  Remarque :

  Pour les entrées ToolTip (Info-bulle) et Alt Text (Autre texte), si une source de données est connectée, vous pouvez saisir directement le contenu (statique) ou choisir un contenu dynamique à l’aide d’attributs, de statistiques ou d’expressions, en fonction de la source de données.

• Alt text (Autre texte) : spécifiez le texte de remplacement pour une technologie d’assistance, telle que les lecteurs d’écran.
• Position
  • Fill (Remplir) : remplissez la zone du widget par l’image en ne laissant aucun espace (vous pouvez toutefois rogner l’image).
  • Fit (Ajuster) : ajoutez l’intégralité de l’image entre les bordures du widget.

    Attention :

    Une limitation connue du mécanisme de rendu des navigateurs empêche le rendu correct de l’option Fill (Remplissage) sur les appareils iOS et macOS. Pour contourner ce problème, vous pouvez sélectionner Fit (Ajuster) au lieu de Fill (Remplissage) pour les mises en page sur les écrans de petite et moyenne tailles.

• Shape (Forme) : remplacez la forme rectangulaire de l’image par une autre forme (par exemple, circulaire ou hexagonale).