PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN
  • Overview of the Popup control
  • Creating a Popup control
  • Creating 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/iPadApple WatchUniversal Windows 10 AppWindows Mobile
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

Creating a Popup control

To create a Popup control:
  1. On the "Creation" pane, in the "Containers" group, click "Popup".
  2. The popup is automatically created and it appears in edit in the page 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).
  • Versions 18 and later
    The menu found in a page can use the Popup options. For more details, see Configuring a Popup menu.
    New in version 18
    The menu found in a page can use the Popup options. For more details, see Configuring a Popup menu.
    The menu found in a page can use the Popup options. For more details, see Configuring a Popup menu.
  • Versions 26 and later
    A page can be displayed as a popup using PopupDisplayPage..
    New in version 26
    A page can be displayed as a popup using PopupDisplayPage..
    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" pane, 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 popup 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" from the popup menu.
      • on the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Create a Popup page from the selection".
  • Versions 26 and later
    Create a popup 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.
    New in version 26
    Create a popup 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.
    Create a popup 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.
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" pane, 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