Page

Un conteneur de page est un conteneur principal. Utilisez-le pour ajouter plusieurs contrôles et conteneurs dans une page.

Pour ajouter plusieurs pages à votre application, cliquez avec le bouton droit sur une page dans l'arborescence et sélectionnez Ajouter une nouvelle page (Add new page).

Lors de l'ajout d'une nouvelle page, vous pouvez utiliser un modèle prédéfini pour différents cas d'utilisation, tels que des tableaux de bord, des formulaires ou des listes. Pour repartir de zéro, sélectionnez Page vierge (Blank Page).

Général

• Description : description de la page. Ces informations ne sont pas visibles au moment du runtime.

• Info-bulle (Tooltip) : info-bulle à afficher sur l'image. Utilisez cette option pour fournir des informations supplémentaires sur la page.

• Afficher l'indicateur de progression du chargement (Show Loading Progress Indicator) : activé par défaut, permet aux utilisateurs d'interagir avec l'application une fois la page complètement chargée. Si vous décochez cette case, les utilisateurs peuvent interagir avec l'application pendant le chargement de la page, ce qui peut être utile pour les applications avec des pages complexes.

Events

• Loaded (Chargé) : configurez ce qui se passe lorsque la page est chargée.

Style

• 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.

• 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 4px 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 de la mise en page. Par défaut, la largeur ( Width ) est définie sur 100 % et la case Pleine largeur (Full width) est cochée, tandis que la hauteur ( Height ) est définie sur auto, pour permettre à la mise en page de se développer en fonction des conteneurs et des commandes qu'elle contient. Pour définir une valeur de largeur personnalisée, décochez la case Pleine largeur (Full width) .