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 of the page. Useful for App creators to define what the page is about. This information is not visible in runtime.
• Show Loading Progress Indicator - If enabled, will allow the app users to interact only after the page is loaded. This is enabled by default.

Remarque :

Afficher l’indicateur de progression du chargement

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 :

Non soutenu

"Clicked On" event is no longer supported for Page.

Style

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

  • Direction (Horizontal/Vertical)- Controls are arranged one below the other (vertical) or side by side (horizontal).

  • Alignment- Controls alignment within the page ( Left, Center, Right & Stretch for Vertical direction and Top, Middle, Bottom, Stretch for Horizontal direction).

  • Justify- Top, Middle, Bottom & Distribute for Vertical direction and Left, Center, Right & Distribute for Horizontal direction.

  • 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.
• Margin- Sets the margin of the page. By default 0px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.
• 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.