Page

Une page est comme un conteneur maître. Vous pouvez ajouter plusieurs contrôles et conteneurs dans une page. Vous pouvez ajouter plusieurs pages à l'application en cliquant sur l'icône « + » en haut du volet de gauche (vue arborescente).

Lors de l'ajout d'une nouvelle page, vous pouvez choisir l'un des modèles dans la fenêtre contextuelle. Vous pouvez choisir parmi plusieurs modèles, notamment des tableaux de bord, des formulaires, des listes et autres. Si vous souhaitez commencer avec une page blanche, sélectionnez Page vierge (Blank Page).

Général

• Description (Description) : Description de la page. Permet aux créateurs d'applications de définir le sujet de la page. Ces informations ne sont pas visibles dans le runtime.
• Info-bulle (Tooltip) : info-bulle à afficher sur le 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 une page, toutes les commandes qui font partie de cette page peuvent accéder au contexte de données associé à la page.

• Afficher l'indicateur de progression du chargement : Si activé, permettra aux utilisateurs de l'application d'interagir uniquement après le chargement de la page. Le flux est activé par défaut.

Remarque :

La désactivation de cet indicateur permettra aux utilisateurs finaux d'interagir avec l'application pendant le chargement de la page. C'est particulièrement utile lorsqu'une application contient des pages complexes et que les utilisateurs ne veulent pas attendre que la page entière se charge.

En fonction des besoins, le créateur de l'application peut décider d'afficher un indicateur de progression jusqu'au chargement complet de la page ou de permettre aux utilisateurs finaux d'interagir avec la page pendant son chargement.

Events

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

  Important : l’événement «Clicked On» n’est plus pris en charge pour la Page

Style

• Mise en page (Layout) : déterminez comment les commandes de la page 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 la commande dans la page s'il n'y a pas assez d'espace.

    
    

    

    
    
• Couleur d'arrière-plan (Background Color) : définit la couleur d'arrière-plan de la page.
• Bordure (Border) : définit la bordure de la page. 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. Toutes les commandes de la page auront la même famille de polices que celle de la 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 du conteneur. 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 page peuvent être définies dans la section taille. Par défaut, Pleine largeur (Full width) est définie pour la page qui correspond à 100 % de la largeur disponible. Si l'utilisateur souhaite une largeur spécifique pour la page, Pleine largeur (Full width) doit être désélectionné et la largeur peut être définie en pixels pour la page.