Sommaire

Catégorie Disposition flexible

Cette catégorie regroupe les propriétés relatives à la disposition de l’acteur dans une disposition flexible comme l’empilement, la boite à vue ou la modale.

🔧 propriété · ℹ️ information · ⚙️ méthode · ⚡ évènement · 🔒 lecture seule

Alignement horizontal

this.properties.horizontalAlignment · 'auto' | 'left' | 'right' | 'middle' | 'expand' · défaut 'auto' · modifie : Taille

Alignement horizontale dans un acteur empilement ou acteur boite à vue.

Attention aux largeurs fixées qui prennent le pas sur la valeur 'expand'

Cette propriété permet de régler l’alignement horizontal de l’acteur dans l’acteur parent.

Il existe quatre possibilités pour cette propriété :

  • Auto
  • Positionné à gauche de l’acteur parent
  • Positionné au centre de l’acteur parent
  • Positionné à droite de l’acteur parent
  • Occupe toute la place horizontale disponible ( Répartie entre tous les acteurs présents dans l’acteur parent )

(Cas spécial pour les modales, la disposition n’a aucune effet sur la position de la modale puisque cet acteur est positionné grâce aux ancres.)

Alignement vertical

this.properties.verticalAlignment · 'auto' | 'top' | 'bottom' | 'middle' | 'expand' · défaut 'auto' · modifie : Taille

Alignement verticale dans un acteur empilement ou boite à vue.

Attention aux hauteurs fixées qui prennent le pas sur la valeur 'expand'

Cette propriété permet de régler l’alignement vertical de l’acteur dans l’acteur parent.

Il existe quatre possibilités pour cette propriété :

  • Auto
  • Positionné en haut de l’acteur parent
  • Positionné au centre de l’acteur parent
  • Positionné en bas de l’acteur parent
  • Occupe toute la place verticale disponible ( Répartie entre tous les acteurs présents dans l’acteur parent )

(Cas spécial pour les modales : la disposition n’a aucune effet sur la position de la modale puisque cet acteur est positionné grâce aux ancres.)

Catégorie Disposition dans une toile

Cette catégorie regroupe les propriétés relatives à la disposition de l’acteur dans une toile.

Dans un acteur toile, les enfants directes sont disposés suivant des coordonnées relativement à ses 4 bords.

Les positions haute et gauche sont celles qui sont changées lorsqu’on déplace l’acteur dans la toile en glissant la souris.

Si vous utilisez deux coordonnées opposées en même temps (haute/basse ou droite/gauche) et qu’il n’y a pas d’autres contraintes de taille, l’acteur va s’entendre pour faire respecter à ses bords les règles de position. Par exemple, pour étendre un acteur sur toute la surface d’une toile, vous pouvez définir toutes les positions à 0. Ainsi, chaque bord sera collé au bord correspondant de la toile.

Position basse

this.properties.bottom · string · défaut '' · héritable · modifie : Style CSS

Position verticale depuis le bas dans un acteur toile.

La position basse permet de définir le décalage vertical du bord extérieur haut de l’acteur par rapport au bord intérieur haut de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure basse
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure basse.

Position droite

this.properties.right · string · défaut '' · héritable · modifie : Style CSS

Position horizontale depuis la droite dans un acteur toile.

La position droite permet de définir le décalage horizontal du bord extérieur droite de l’acteur par rapport au bord intérieur droite de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure droite
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure droite.

Position gauche

this.properties.left · string · défaut '' · héritable · modifie : Style CSS

Position horizontale depuis la gauche dans un acteur toile.

La position gauche permet de définir le décalage horizontal du bord extérieur gauche de l’acteur par rapport au bord intérieur gauche de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure gauche
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure gauche.

Position haute

this.properties.top · string · défaut '' · héritable · modifie : Style CSS

Position verticale depuis le haut dans un acteur toile.

La position haute permet de définir le décalage vertical du bord extérieur haut de l’acteur par rapport au bord intérieur haut de la toile parente. Les bords considérés ici sont :

  • bord interne pour la toile, c’est-à-dire qu’il comprend la potentielle marge intérieure haute
  • bord externe pour l’acteur enfant, c’est-à-dire qu’il comprend la potentielle marge extérieure haute.