|
|
|
|
|
- Overview of the Popup control
- Creating a Popup control
- Create a Popup control
- Other creation modes
- Characteristics of Popup controls
- Description window
- Handling a Popup control in the editor
- Window for managing popups
- Handling the popups associated with a page
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. Create a Popup control You can create Popup pages from the page bar: - In the page bar, click "Popup pages".
- In the menu appears, click "New popup".
- 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: - Select the desired cell.
- On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Cell/Popup Page".
Note: If the cell is not present in a template and can be overlaid, a context menu option can also be used to transform it into a pop-up window. - Create a popup from a set of controls:
- Select the desired controls in the page.
- 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:
- On the "Page" tab, in the "Edit" group, click "Popup pages".
- 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.
- The Popup page appears in the editor.
Characteristics of Popup controls 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:
|
Training (WEBDEV): WebApp
[ + ] This example shows how to use planes in WEBDEV.
|
|
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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|