Composants d’image dans Générateur d'IU

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 1 minute de lecture
  • Ajoutez des images à votre page de destination avec un composant d’image.

    Important :
    le générateur décrit sur cette page est destiné à la création et à la modification de pages de destination dans tous les espaces de travail, à l'exception de CSM. Pour en savoir plus sur le nouvel UI Builder permettant de créer et de modifier toutes les pages de l'espace de travail CSM, consultez la rubrique UI Builder.

    Lorsque vous faites glisser l’icône du composant d’image ( composant d’image) dans le volet Étape, une image de stock apparaît que vous pouvez modifier et redimensionner. Vous pouvez modifier l’image de stock en fournissant l’URL de votre image.

    Composant d’image

    Le tableau suivant explique les paramètres du composant d’image.

    Tableau 1. Paramètres du composant d’image
    Paramètre Description
    Nom de composant Nom qui s’affiche dans les contrôles de composant au-dessus d’un composant dans le volet Étape. Le nombre maximal de caractères est de 18. Nom du composant.
    Texte alternatif HTML Alt qui étiquette les images afin qu’elles soient conformes aux WCAG.
    URL de l'image URL de l’image.
    Ajuster Contrôle de la taille de l’image.
    • Agrandir pour remplir , effectue un zoom avant ou arrière sur l’image sur les axes X et Y, de manière proportionnée, de sorte que l’image remplit le conteneur.
    • L’option Étirer pour ajuster effectue un zoom avant sur l’image afin qu’elle remplisse le conteneur, mais que l’image ne s’agrandit pas proportionnellement.
    • Conserver la taille d’origine affiche l’image dans sa taille d’origine, qui peut être plus grande ou plus petite que le conteneur.
    Position Emplacement de l’image dans le conteneur. Par exemple, En bas à droite place l’image en bas à droite du conteneur. Ce paramètre ne fonctionne que lorsque l’image est plus petite que le conteneur.
    Hauteur Hauteur de l’image mesurée par le nombre de pixels de haut. Si cette hauteur est inférieure à la hauteur de l’image, le paramètre coupe le haut de l’image. La largeur n’est pas réduite proportionnellement.