Skip to content

FR 2. Types de bouton

Gary Criblez edited this page Feb 14, 2020 · 1 revision

AJUI_Button offre deux principaux types de boutons

  • Bouton simple
  • Bouton composite

Un bouton simple est un rectangle dont les coins peuvent être arrondis ou un cercle comprenant un texte OU une image.

Un bouton composite est un rectangle dont les coins peuvent être arrondis ou un cercle comprenant un texte ET une image. L’image et le texte sont placés en fonction de la zone allouée à chacun, mais on peut également leur appliquer un padding entre eux. Dans ce cas, on parle de bouton composite lié. On assigne une position à l’image (left, right, top, bottom). Le texte lui se trouvera à l’opposé de cette position.

Anatomie des boutons

Bouton simple

Un bouton simple inclut un Texte OU une image. Voici ses représentations graphiques et ses propriétés géométriques.

Texte :

Image :

Bouton composite

Un bouton composite inclut un Texte ET une image. Voici ses représentations graphiques et ses propriétés géométriques.

Position gauche :

Position droite :

Position haut :

Position bas :

Lié :

Dimensionnement d’un bouton

Par défaut, le bouton généré par le composant aura les dimensions définies dans l’éditeur de formulaire. Cependant, il est possible de les redéfinir à l’aide des fonctions membres d’une instance d’AJUI Button.

La taille de l'image peut être définie via les fonctions membres, mais dans un souci de cohérence, le composant redimensionnera l’image si elle dépasse les limites du bouton ou de la taille allouée dans le cas d’un bouton composite.

Le texte sera automatiquement rétréci et terminé par « … » s’il dépasse les limites du bouton ou de la taille allouée dans le cas d’un bouton composite.