PC SOFT

DOCUMENTATION EN LIGNE
DE WINDEV, WEBDEV ET WINDEV MOBILE

  • 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
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 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

Pour créer un champ de type Popup :
  1. Sous l'éditeur de pages, cliquez sur l'icône (ou sélectionnez l'option "Page .. Popup .. Nouvelle Popup").Sous le volet "Création", dans le groupe "Conteneurs", cliquez sur "Popup".
  2. La popup est automatiquement créée et apparaît en édition sous l'éditeur de pages.
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 popup. 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).
  • Versions 18 et supérieures
    Le menu d'une page peut utiliser des options de type Popup. Pour plus de détails, consultez Configurer un menu Popup.
    Nouveauté 18
    Le menu d'une page peut utiliser des options de type Popup. Pour plus de détails, consultez Configurer un menu Popup.
    Le menu d'une page peut utiliser des options de type Popup. Pour plus de détails, consultez Configurer un menu Popup.
  • Il est également possible de créer une popup via l'option de menu "Insertion .. Popup".

Autres modes de création

Pour créer une popup directement à partir d'une cellule existante :
  1. Sélectionnez la cellule voulue.
  2. Sélectionnez l'option de menu "Champ .. Permuter .. Cellule/Page Popup".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.
Il est également possible de 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.
    • sélectionnez l'option "Champ .. Refactoring .. Créer une page Popup avec la sélection" du menu de WEBDEV.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".
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 "IHM").
  • 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 l'explorateur de projet, lors de la visualisation des informations de la page. Par exemple :
  • par l'option "Page .. Popup .. Liste des pages Popup". Cette option affiche la fenêtre de gestion des pages popup associées à la page en cours.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 ouvertes sont indiquées dans la barre des documents :
Remarque : Si la page est en mode zoning (option "Edition en zoning" cochée dans l'onglet "Général" de la description de la page), le bouton "Pages Popup" permet d'afficher au choix la page principale et les différentes pages associées.
Liste des exemples associés :
WebApp Exemples complets (WEBDEV) : WebApp
[ + ] Cet exemple est une application Web destinée aux smartphones et tablettes ("WebApp").
Elle permet de visualiser une liste de produits (avec filtre et recherche), de visualiser et d'éditer la fiche d'un produit.
Tous les traitements serveur sont réalisés en AJAX.
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