Images

De même que l'on peut placer un texte, soit dans une page, soit dans un composant graphique quelconque de l'interface, il est possible de placer des images sur la page ou dans les composants et notamment les boutons

Images

On insère une image avec la balise image et l'on spécifie le fichier avec l'attribut src.

<image src="kauai.jpg" />

Images et bouton

Comme on l'a vu dans le chapitre sur les boutons, on attribue une image à un bouton avec l'attribut image auquel on assigne le nom du fichier.

<button label="Clic" image="save.gif" />

Par défaut, l'image se trouve à gauche et le texte à droite. L'attribut dir permet de changer ces positions avec la valeur reverse qui place l'image à droite.

De même, l'oritentation par défaut est horizontale, image et texte sur le même plan, mais avec l'attribut orient et la valeur vertical, on aura l'image en haut et le texte en bas.

<button label="Clic" image="save.gif" orient="vertical"  />

• Démo: code.zip