PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Overview of the Popup control
  • Creating a Popup control
  • Creating a Popup control
  • Other creation modes
  • Characteristics of 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. In the page editor, click (or select "Insert .. Control .. New Popup").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 popup menu of the control.
Notes:
  • A page can contain one or more popups. To display the requested popup at runtime, all you have to do is 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. See Configuring a Popup menu for more details.
    New in version 18
    The menu found in a page can use the Popup options. See Configuring a Popup menu for more details.
    The menu found in a page can use the Popup options. See Configuring a Popup menu for more details.
  • To create a popup, you can also select "Insert .. Popup".

Other creation modes

To create a popup from an existing cell:
  1. Select the requested cell.
  2. Select the "Control .. Swap .. Cell/Popup page" menu option.On the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Cell/Popup page".
Note: 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.
You also have the ability to create a popup from a set of controls:
  1. Select the requested controls in the page.
  2. Perform one of the following operations:
    • select "Refactoring .. Create a Popup page from the selection" from the popup menu.
    • select "Control .. Refactoring .. Create a Popup page from the selection" from the WEBDEV menu.on the "Modification" pane, in the "Transformations" group, expand "Refactoring and swapping" and select "Create a Popup page from the selection".
Characteristics of Popup control

Description window

The description window of the Popup control is used to define:
  • the different local procedures (server and browser) associated with the popup ("General" tab).
  • the ability to move the popup with the mouse ("GUI" 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, when viewing the page information. For example:
  • via "Page .. Popup .. List of Popup pages". This option displays the window for managing the popup pages associated with the current page.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.
  • Display 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 opened popups are indicated in the document bar:
Note: If the page is in zoning mode ("Edit in zoning" checked in the "General" tab of the page description), the "Popup pages" button is used to display the main page and the associated pages.
Related Examples:
WebApp Complete examples (WEBDEV): WebApp
[ + ] This example is a Web application suited for the Smartphones and tablets ("WebApp").
It is used to display a a list of products (with filter and search), to view and edit the form of a product.
All the server processes are performed in AJAX.
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 required version
  • Version 17
Comments
Click [Add] to post a comment