Disposition du conteneur

Une mise en page de conteneur vous permet de concevoir la mise en page complexe de votre choix de manière simple. Lorsqu'un contrôle d'affichage de conteneur est ajouté, un seul conteneur est disponible par défaut. Des conteneurs supplémentaires peuvent être ajoutés en cliquant sur l'icône « + » dans la zone de dessin.

Les conteneurs de la mise en page du conteneur peuvent être repositionnés en faisant simplement glisser le conteneur et en le déposant n'importe où dans la mise en page. Vous pouvez redimensionner un conteneur en tirant le conteneur par le coin. Vous pouvez sélectionner un conteneur en le sélectionnant et en appuyant sur « supprimer » sur le clavier ou à partir de l'arborescence.

Le contrôle d'affichage du conteneur a 2 ensembles de propriétés. Un pour la mise en page du conteneur et l'autre pour chacun des conteneurs de la mise en page.

Remarque : l'utilisation des mises en page de conteneur est optimale au niveau de la page lorsque vous souhaitez créer une mise en page pour une page avec différentes sections. Pour aligner et positionner les contrôles dans une page, nous vous suggérons d'utiliser des conteneurs

Attention : il est recommandé d'éviter les mises en page de conteneurs imbriqués afin de simplifier la maintenance et d'assurer la cohérence entre la conception et l'exécution.

Propriétés de l'affichage du conteneur

Général

• Info-bulle (Tooltip) : info-bulle à afficher sur la mise en page du conteneur. Utilisez-la pour fournir des informations supplémentaires sur la commande.
• Contexte de données (Data Context) : un conteneur pour un seul enregistrement d'entité. Lorsqu'il est défini sur un conteneur, toutes les commandes qui font partie de ce conteneur peuvent accéder au contexte de données lié au conteneur.
• Masqué (Hidden) : si sélectionné, masque la commande dans le runtime.
• Désactivé : si sélectionné, désactive la commande dans le runtime.

Events

Pas d’événements.

Style

• Couleur d'arrière-plan (Background Color) : définit la couleur d'arrière-plan de la mise en page du conteneur.
• Police (Font) : définit la famille de polices relative à la mise en page du conteneur. Tous les conteneurs de la mise en page auront la même famille de polices que celle de la mise en page.
• Marge - définit la marge de la mise en page. La marge 0px est définie par défaut. Les propriétés des marges Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide du bouton de dissociation situé à droite de l'en-tête de la section Marge (Margin).
• Remplissage (Padding) : définit le remplissage de la mise en page. Par défaut, le rembourrage 0px est défini. Les propriétés de remplissage Haut/Bas et Gauche/Droite sont combinées. Ces propriétés peuvent être dissociées à l'aide de l'icône de dissociation sur le côté droit de l'en-tête de la section de remplissage si différentes valeurs de remplissage doivent être définies pour chaque côté.
• Taille (Size) : la largeur et la hauteur de la mise en page peuvent être définies dans la section taille. Elle est définie par défaut sur 100. La hauteur de la mise en page s'ajuste automatiquement en fonction des conteneurs qu'elle contient, car elle est définie sur « Auto (Auto) ».

Propriétés du conteneur

Général

• Masqué (Hidden) : si sélectionné, masque la commande dans le runtime.
• Désactivé : si sélectionné, désactive la commande dans le runtime.

Events

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

Style

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

  • Sens (horizontal/vertical) [Direction (Horizontal/Vertical)] : les commandes sont disposées l'une en dessous de l'autre (vertical) ou côte à côte (horizontal).
  • Alignement (Alignment) : contrôle l'alignement dans le modèle (gauche, centre, droite et étirement dans le sens vertical et haut, milieu, bas, étirement dans le sens horizontal).
  • Justifier (Justify) : haut, milieu, bas et distribution dans le sens vertical et gauche, centre, droite et distribution dans le sens horizontal.
  • Autoriser l'encapsulage (Allow wrapping) : si activé, encapsule le contrôle dans le conteneur s'il n'y a pas assez d'espace.
• Couleur d'arrière-plan (Background Color) : définit la couleur d'arrière-plan du conteneur.
• Bordure (Border) : définit la bordure du contrôle. L'épaisseur de la bordure, la couleur de la bordure et le rayon du coin peuvent être configurés.
• Police (Font) : définit la famille de polices relative à la mise en page du conteneur. Tous les conteneurs de la mise en page auront la même famille de polices que celle de la mise en page.