DOCUMENTATION EN LIGNE
DE WINDEVWEBDEV ET WINDEV MOBILE

Aide / Développer une application ou un site / Champs, fenêtres et pages / Champs : Types disponibles / Champ Popup
  • Présentation du champ Popup
  • Créer un champ Popup
  • Créer un champ de type Popup
  • Autres modes de création
  • Caractéristiques du champ Popup
  • Fenêtre de description
  • Manipuler un champ Popup sous l'éditeur
  • Fenêtre de gestion des popups
  • Manipulation des popups associées à une page
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 du champ Popup
Le champ Popup est un champ permettant d'associer une popup à une page. Cette popup sera affichée à partir de la page dans laquelle elle est insérée. Cette popup permet de dialoguer avec l'utilisateur d'une manière simplifiée.
Jusqu'en version 17, ce mode de dialogue était réalisé avec un champ Cellule.
L'utilisation du champ Popup permet de manipuler sous l'éditeur la fenêtre de dialogue comme un élément différent de la page, tout en étant intégré à la page. Par rapport à l'utilisation des cellules, sous l'éditeur, l'utilisation de popups ne perturbe pas la mise en page.
Créer un champ Popup

Créer un champ de type Popup

La création d'une page Popup peut être effectuée à partir du bandeau de la page :
  1. Dans le bandeau de la page en cours d'édition, cliquez sur "Pages Popup".
  2. Dans le menu affiché, cliquez sur "Nouvelle popup".
  3. La page popup apparaît en création sous l'éditeur.
Pour afficher les caractéristiques du champ Popup, sélectionnez l'option "Description" dans le menu contextuel du champ.
Remarques :
  • Une page peut contenir une ou plusieurs popups. Pour afficher la popup voulue en exécution, il suffit d'utiliser la fonction PopupAffiche.
  • Un modèle de pages peut contenir une ou plusieurs popups. Les pages utilisant ce modèle pourront utiliser ces popups.
  • Un modèle de champs peut utiliser une ou plusieurs popups (exemple, un sélecteur de couleur).
  • Le menu d'une page peut utiliser des options de type Popup. Pour plus de détails, consultez Configurer un menu Popup.
  • Une page peut être affichée sous forme de popup grâce à la fonction PopupAffichePage.

Autres modes de création

  • Créer une popup à partir d'une cellule existante :
    Pour créer une popup directement à partir d'une cellule existante :
    1. Sélectionnez la cellule voulue.
    2. Sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Cellule/Page Popup".
    Remarque : Si la cellule n'est pas présente dans un modèle et si elle est superposable, une option du menu contextuel permet également de la transformer en popup.
  • Créer une popup à partir d'un ensemble de champs :
    1. Sélectionnez les champs voulus dans la page.
    2. Effectuez une des opérations suivantes :
      • sélectionnez l'option "Refactoring .. Créer une page Popup avec la sélection" du menu contextuel.
      • sous le volet "Modification", dans le groupe "Transformations", déroulez "Refactoring et permutations" et sélectionnez "Créer une page Popup avec la sélection".
  • Créer une popup à partir du ruban :
    1. Sous le volet "Page", dans le groupe "Edition", cliquez sur "Pages popup".
    2. Dans la fenêtre qui s'affiche, cliquez sur le bouton "Nouveau". Une nouvelle page popup apparaît dans la liste des pages Popup. Sélectionnez le nom de cette page. Cliquez sur le bouton "Ouvrir" pour afficher la page Popup sous l'éditeur.
    3. La page Popup apparaît sous l'éditeur.
Caractéristiques du champ Popup

Fenêtre de description

La fenêtre de description du champ Popup permet de définir notamment :
  • les différentes procédures locales (serveur et navigateur) associées à la popup (onglet "Général").
  • la possibilité de déplacer la popup à la souris (onglet "UI").
  • le taux de GFI (Grisage des fenêtres inaccessibles) associé à ce champ (60% par défaut)
  • le look de la popup (onglet "Style"). Il est possible de sélectionner une image de fond spécifique pour la popup ou encore de définir un cadre.
Manipuler un champ Popup sous l'éditeur

Fenêtre de gestion des popups

Les différentes popups associées à une page peuvent être connues :
  • dans le volet "Explorateur de projet", lors de la visualisation des informations de la page. Par exemple :
  • sous le volet "Page", dans le groupe "Edition", cliquez sur "Pages popup".
Cette dernière option permet notamment de :
  • Créer une nouvelle popup.
  • Supprimer une popup existante.
  • Afficher la fenêtre de description d'une popup.
  • Ouvrir une popup sous l'éditeur.
  • Renommer une popup.

Manipulation des popups associées à une page

Sous l'éditeur, les popups associées à la page sont accessibles via le bandeau de la page en cours d'édition (bouton "Pages Popup").
Un clic sur ce bouton permet d'afficher l'aperçu des popups associées à la page. Il est possible d'ouvrir sous l'éditeur la popup voulue en cliquant sur l'aperçu correspondant. Chaque popup ouverte sous l'éditeur est affichée dans un nouvel onglet de l'éditeur.
Liste des exemples associés :
WebApp Exemples didactiques (WEBDEV) : WebApp
[ + ] Cet exemple présente une utilisation didactique des plans en WEBDEV.
WW_Newsletter Exemples complets (WEBDEV) : WW_Newsletter
[ + ] WW_Newsletter permet de créer un site de gestion de newsletters. Il permet de créer, rédiger et gérer l'envoi en masse de newsletters à des abonnés. Les fonctionnalités du site sont les suivantes :
- inscription (double opt-in) et désinscription en ligne des abonnés
- consultation des newsletters publiques
- gestion des catégories de newsletters
- tableau de bord d'administration
- rédaction et mise en forme des newsletters en ligne
- création de modèles de newsletters
- etc.
Version minimum requise
  • Version 17
Commentaires
Cliquez sur [Ajouter] pour publier un commentaire

Dernière modification : 03/02/2023

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