PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • Présentation
  • Epingler une zone
  • Epingler un champ Cellule
  • Epingler une page Popup
Produits
WINDEVWEBDEV - Code ServeurWEBDEV - Code NavigateurWINDEV MobileEtats et Requêtes
Plateformes
WindowsLinuxWindows MobileUniversal Windows 10 AppAndroidWidget AndroidiPhone/iPadApple Watch
Langages
JavaPHPAjaxCode Utilisateur (MCU)Langage Externe
Bases de données
HFSQLHFSQL Client/ServeurProcédures stockéesOLE DBODBCAccès Natifs
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
Pour épingler une zone dans une page :
  1. Affichez la page en mode Zoning : cliquez sur l'onglet "Zoning" dans le bandeau au-dessus de la page.
  2. Sélectionnez la zone à épingler et affichez la fenêtre de description (option "Description" du menu contextuel).
  3. Dans l'onglet "IHM", cochez l'option "Epinglé (fixed)". Trois modes sont disponibles :
    • Toujours épinglé + ancrage : La zone 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 "IHM" de la fenêtre de description de la zone. Par exemple, si la zone est ancrée avec les caractéristiques suivantes :
      • X : Suivre le bord gauche du navigateur
      • Y : Suivre le milieu du navigateur
        la zone restera épinglée centrée à gauche.
    • Epinglé lorsque le champ touche le haut du navigateur : La zone 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 é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 est contenue dans une autre zone, la zone é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 épinglée et sa zone parente.
      • Versions 22 et supérieures
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone est rendue invisible puis apparaît lorsque le défilement est terminé.
        Nouveauté 22
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone est rendue invisible puis apparaît lorsque le défilement est terminé.
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone est rendue invisible puis apparaît lorsque le défilement est terminé.
    • Epinglé lorsque le champ touche le bas du navigateur : La zone 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 au-dessous de la zone : Cette marge correspond à l'espace minimal accepté entre la zone é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 est contenue dans une autre zone, la zone é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 épinglée et sa zone parente.
      • Versions 22 et supérieures
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone est rendue invisible puis apparaît lorsque le défilement est terminé.
        Nouveauté 22
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone est rendue invisible puis apparaît lorsque le défilement est terminé.
        Masquer automatiquement pendant le défilement : Si cette option est cochée, lors du défilement, la zone 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 "IHM", cochez l'option "Le champ peut être épinglé (fixed)".
  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 "IHM" 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.
      • Versions 22 et supérieures
        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é.
        Nouveauté 22
        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é.
        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.
      • Versions 22 et supérieures
        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é.
        Nouveauté 22
        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é.
        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