DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Page
  • Présentation
  • Epingler une zone de mise en page
  • Epingler un champ Cellule
  • Epingler une page Popup
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaEtats et RequêtesCode Utilisateur (MCU)
WEBDEV
WindowsLinuxPHPWEBDEV - Code Navigateur
WINDEV Mobile
AndroidWidget AndroidiPhone/iPadWidget IOSApple WatchMac CatalystUniversal Windows 10 App
Autres
Procédures stockées
Présentation
Une zone fixe dans une page est une partie de la page qui reste visible même si l'internaute déplace l'ascenseur du navigateur. Cette zone (et les champs qui sont à l'intérieur) reste donc visible alors que le contenu de la page défile. Cette zone est épinglée.
WEBDEV propose une gestion des zones fixes pour plusieurs types d'éléments :
Condition d'utilisation : Pour utiliser cette fonctionnalité, la page doit être générée en HTML5. Ce mode de génération peut être défini :
  • dans l'onglet "Avancé" de la description du projet, option "Mode de génération". Pour afficher la fenêtre de description du projet, sous le volet "Projet", dans le groupe "Projet", cliquez sur "Description". Dans ce cas, le mode de génération est appliqué à toutes les pages du projet.
  • dans l'onglet "Général" de la description de la page, option "Mode de génération". Pour afficher la fenêtre de description de la page, utilisez l'option "Description" du menu contextuel de la page. Cette option permet de spécifier le mode de génération utilisé uniquement pour la page (il peut être différent du mode de génération choisi pour les autres pages du projet).
Epingler une zone de mise en page
Pour épingler une zone de mise en page dans une page :
  1. Sélectionnez la zone de mise en page à épingler et affichez la fenêtre de description (option "Description de la zone" du menu contextuel).
  2. Dans l'onglet "UI", cochez l'option "Epinglé (fixed)". Trois modes sont disponibles :
    Gestion du mode épinglé
    • Toujours épinglé : La zone de mise en page est épinglée par rapport aux options d'ancrage définies pour la zone. Ces options d'ancrage sont également définies dans l'onglet "UI" de la fenêtre de description de la zone de mise en page. Par exemple, si la zone de mise en page est ancrée avec les caractéristiques suivantes :
      • X : Suivre le bord gauche du navigateur,
      • Y : Suivre le milieu du navigateur,
      la zone de mise en page restera épinglée centrée à gauche.
    • Epinglé uniquement lorsque le champ touche le haut du navigateur : La zone de mise en page sera épinglée uniquement lorsque un scrolling du contenu de la page fera arriver cette zone en haut du navigateur. Les options disponibles sont les suivantes :
      • Marge au dessus de la zone : Cette marge correspond à l'espace minimal accepté entre la zone de mise en page épinglée et le haut du navigateur.
      • Retirer l'épingle lorsque le champ arrive en bas du conteneur : Si cette option est cochée et si la zone de mise en page est contenue dans une autre zone, la zone de mise en page épinglée disparaîtra lorsque sa zone parente ne sera plus affichée dans le navigateur.
        Dans ce cas, il est possible de définir la marge minimale entre la zone de mise en page épinglée et sa zone parente (option "Marge en bas du conteneur").
      • Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone de mise en page est rendue invisible puis apparaît lorsque le défilement est terminé.
    • Epinglé uniquement lorsque le champ touche le bas du navigateur : La zone de mise en page sera épinglée uniquement lorsque un scrolling du contenu de la page fera arriver cette zone en bas du navigateur. Les options disponibles sont les suivantes :
      • Marge en dessous de la zone : Cette marge correspond à l'espace minimal accepté entre la zone de mise en page épinglée et le bas du navigateur.
      • Retirer l'épingle lorsque le champ arrive en haut du conteneur : Si cette option est cochée et si la zone de mise en page est contenue dans une autre zone, la zone de mise en page épinglée disparaîtra lorsque sa zone parente ne sera plus affichée dans le navigateur.
        Dans ce cas, il est possible de définir la marge minimale entre la zone de mise en page épinglée et sa zone parente (option "Marge en haut du conteneur").
      • Masquer automatiquement pendant le défilement (épinglé furtif) : Si cette option est cochée, lors du défilement, la zone de mise en page est rendue invisible puis apparaît lorsque le défilement est terminé.
Epingler un champ Cellule
Pour épingler un champ Cellule dans une page :
  1. Affichez la page contenant le champ Cellule.
  2. Sélectionnez le champ Cellule à épingler et affichez la fenêtre de description (option "Description" du menu contextuel).
  3. Dans l'onglet "UI", cochez l'option "Epinglé".
  4. Cliquez sur "Paramètres" pour choisir le mode de gestion de l'épingle. Trois modes sont disponibles :
    • Toujours épinglé + ancrage : La cellule est épinglée par rapport aux options d'ancrage définies pour la cellule. Ces options d'ancrage sont également définies dans l'onglet "UI" de la fenêtre de description de la cellule. Par exemple, si le champ Cellule est ancré avec les caractéristiques suivantes :
      • X : Suivre le bord gauche du navigateur
      • Y : Suivre le milieu du navigateur
      la cellule restera épinglée centrée à gauche.
    • Epinglé lorsque le champ touche le haut du navigateur : La cellule sera épinglée uniquement lorsque un scrolling du contenu de la page fera arriver cette cellule en haut du navigateur. Les options disponibles sont les suivantes :
      • Marge au-dessus du champ : cette marge correspond à l'espace minimal accepté entre la cellule épinglée et le haut du navigateur.
      • Retirer l'épingle lorsque le champ arrive en bas du conteneur : Si cette option est cochée et si la cellule est contenue dans une autre zone ou cellule, la cellule épinglée disparaîtra lorsque son parent ne sera plus affiché dans le navigateur.
        Dans ce cas, il est possible de définir la marge minimale entre la cellule épinglée et son parent (option "Marge en bas du conteneur").
      • Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la cellule est rendue invisible puis apparaît lorsque le défilement est terminé.
    • Epinglé lorsque le champ touche le bas du navigateur : La cellule sera épinglée uniquement lorsque un scrolling du contenu de la page fera arriver cette cellule en bas du navigateur. Les options disponibles sont les suivantes :
      • Marge au-dessous du champ : cette marge correspond à l'espace minimal accepté entre la cellule épinglée et le bas du navigateur.
      • Retirer l'épingle lorsque le champ arrive en haut du conteneur : Si cette option est cochée et si la cellule est contenue dans une autre zone ou cellule, la cellule épinglée disparaîtra lorsque son parent ne sera plus affiché dans le navigateur.
        Dans ce cas, il est possible de définir la marge minimale entre la cellule épinglée et son parent (option "Marge en haut du conteneur").
      • Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la cellule est rendue invisible puis apparaît lorsque le défilement est terminé.
Epingler une page Popup
Une popup peut être épinglée uniquement par programmation.
Il suffit d'utiliser la constante popupEpinglée lors de l'appel à la fonction PopupAffiche. Par exemple :
PopupAffiche(POPUP_Explication, popupEpinglée + popupCentreGauche)
Version minimum requise
  • Version 18
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 12/06/2023

Signaler une erreur ou faire une suggestion | Aide en ligne locale