ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Popup control
  • Overview of the Popup control
  • Creating a Popup control
  • Create a Popup control
  • Other creation modes
  • Characteristics of the Popup control
  • Description window
  • Handling a Popup control in the editor
  • Window for managing popups
  • Handling the popups associated with a page
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Overview of the Popup control
The Popup control is used to associate a popup with a page. This popup will be displayed from the page into which it is inserted. This popup is used to easily establish a dialog with the user.
Until version 17, this type of dialog was establish via a Cell control.
Using a Popup control allows you to handle the dialog window in the editor like a different element of the page, while being included in the page. Unlike the use of cells, using popups does not affect the page layout in the editor.
Creating a Popup control

Create a Popup control

You can create Popup pages from the page bar:
  1. In the page bar, click "Popup pages".
  2. In the menu appears, click "New popup".
  3. The popup page appears in the editor.
To display the characteristics of the Popup control, select "Description" in the context menu of the control.
Remarks:
  • A page can contain one or more popups. To display the desired popup at runtime, simply use PopupDisplay.
  • A page template can contain one or more popups. The pages that use this template will be able to use these popups.
  • A control template can use one or more popups (a color picker for example).
  • The menu found in a page can use the Popup options. For more details, see Configuring a Context menu.
  • A page can be displayed as a popup using PopupDisplayPage..

Other creation modes

  • Create a popup from an existing cell:
    To create a popup from an existing cell:
    1. Select the desired cell.
    2. On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Cell/Popup Page".
    Remark: If this cell is not found in a template and if it is stackable, an option of the context menu can also be used to transform it into popup.
  • Create a popup from a set of controls:
    1. Select the desired controls in the page.
    2. Perform one of the following operations:
      • select "Refactoring .. Create a Popup page from the selection" in the context menu.
      • on the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Create a Popup page from the selection".
  • Create a popup from the ribbon:
    1. On the "Page" tab, in the "Edit" group, click "Popup pages".
    2. In the window that appears, click "New". A new popup page appears in the list of popup pages. Select the page name. Click "Open" to open the popup page in the editor.
    3. The Popup page appears in the editor.
Characteristics of the Popup control

Description window

The description window of the Popup control allows you to define:
  • the different local procedures (server and browser) associated with the popup ("General" tab).
  • the ability to move the popup with the mouse ("UI" tab).
  • the rate of DDW (Dimmed Disabled Window) associated with the control (60% by default)
  • the style of the popup ("Style" tab). You have the ability to select a specific background image for the popup or define a border.
Handling a Popup control in the editor

Window for managing popups

The different popups associated with a page can be identified:
  • in the "Project explorer" pane, with the page details. For example:
  • on the "Page" tab, in the "Edit" group, click "Popup pages".
This last option is used to:
  • Create a new popup.
  • Delete an existing popup.
  • Open the description window of a popup.
  • Open a popup in the editor.
  • Rename a popup.

Handling the popups associated with a page

In the editor, the popups associated with the page can be accessed via the "Popup pages" button in the page bar.
Clicking this button opens a preview of the popups associated with the page. You can open the desired popup in the editor by clicking the corresponding preview. A new tab appears for each popup opened in the editor.
Related Examples:
WebApp Training (WEBDEV): WebApp
[ + ] This example shows how to use planes in WEBDEV.
WW_Newsletter Complete examples (WEBDEV): WW_Newsletter
[ + ] WW_Newsletter is used to create a site for managing newsletters. It is used to create, edit and manage the sending of newsletters to subscribers. The site features are as follows:
- online subscription (double opt-in) and unsubscription
- display of public newsletters
- management of newsletters categories
- management dashboard
- online editing and formatting of newsletters
- creation of newsletter templates
- etc.
Minimum version required
  • Version 17
Comments
Click [Add] to post a comment

Last update: 06/26/2023

Send a report | Local help