Conteneur

Un conteneur contient des commandes et d'autres conteneurs et les aligne de la même manière.

Général

• Info-bulle (Tooltip) : info-bulle à afficher sur le conteneur. Utilisez-la pour fournir des informations supplémentaires sur la commande.

• Masqué (Hidden) : si la valeur est true, masque la commande au moment du runtime.

• Désactivé (Disabled) : si la valeur est true, désactive la commande au moment du runtime.

Events

• Cliqué (Clicked On) : configurez ce qui se passe lorsqu'un clic est effectué sur le conteneur.

Style

• Alignement de commande (Control Alignment) : hérite de l'alignement parent par défaut. Un autre alignement que le parent peut être défini. Pour revenir par défaut à l'alignement parent, désélectionnez les options remplacées.

  Remarque : l'alignement dépend de la mise en page sélectionnée pour le parent (Vertical vs Horizontal).

• Mise en page (Layout) : déterminez comment les commandes du conteneur sont positionnées :

  • Horizontal/Vertical : l'orientation des commandes.
  • Alignement (Alignment) : l'alignement des commandes dans le conteneur.
  • Autoriser l'encapsulage (Allow wrapping) : si cette option est sélectionnée, encapsule les commandes dans le conteneur.

  • Autoriser le défilement (Allow scrolling) : si cette option est sélectionnée, elle permet de faire défiler l'intérieur du conteneur. Pour activer Autoriser le défilement (Allow scrolling), le conteneur doit avoir une hauteur fixe (disposition verticale) ou une largeur fixe (disposition horizontale).

• Couleur d'arrière-plan (Background Color) : couleur d'arrière-plan du conteneur.

• Bordure (Border) : la bordure de la commande. L'épaisseur (Thickness), la couleur (Color) et le rayon (Radius) peuvent être configurés.

• Police (Font) : la famille de polices relative à la mise en page du conteneur. Toutes les commandes à l'intérieur du conteneur partagent la même famille de polices. Par défaut, la commande hérite de la famille de polices de son conteneur parent immédiat, qui est indiqué par le mot-clé « Inherited ».

• Marge (Margin) : définit la marge de la mise en page. Par défaut, une marge de 0px est définie. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Marge (Margin).

• Remplissage (Padding) : remplissage de la mise en page. Par défaut, un remplissage de 0px est défini. Les propriétés des marges Haut/Bas (Top/Bottom)et Gauche/Droite (Left/Right) sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton Lier (Link) sur le côté droit de la section Remplissage (Padding).

• Taille (Size) : largeur et hauteur du conteneur. Par défaut, la Largeur et la Hauteur sont définies sur auto. Pour définir des valeurs personnalisées, décochez l'option auto , puis entrez les valeurs de votre choix et l'unité de mesure (px, %, em).
  Pour occuper l'espace disponible restant, sélectionnez l'option fill dans la liste déroulante. L'option de remplissage est disponible :

  • pour Hauteur(Height), lorsque la disposition des commandes est définie sur vertical

  • pour Largeur(Width), lorsque la disposition des commandes est définie sur Horizontal

  Pour définir des tailles minimales et maximales, cliquez sur l'icône à trois points pour développer les tailles minimales et maximales .

• Avancé (Advanced) : affiche les propriétés flexibles de la commande.

  • Base Flex - définit la taille d'origine d'un élément Flex avant que l'espace supplémentaire ne soit distribué ou supprimé (px, %, em, auto).

  • Croître flexible (Flexi*) : lorsqu'un espace supplémentaire est disponible, ces valeurs dictent la croissance d'un élément flexible par rapport au reste des éléments.

  • Réduction du libelle : lorsque l’espace est insuffisant, cette valeur détermine la valeur à laquelle un élément flexible doit rétrécir par rapport aux autres éléments.

    Pour plus de détails, consultez la documentation de Mozilla Developer Network.

Attention : si la taille du conteneur est définie sur des valeurs fixes et si les commandes qu'il contient occupent plus d'espace que la valeur fixe, alors Justifier - Milieu (Justify - Middle), Justifier - Bas (Justify - Bottom) ne s'applique pas dans le sens vertical, et Justifier - Centre (Justify - Center), Justifier - Droite (Justify - Right) ne s'applique pas dans le sens horizontal.