Tuto WEBDEV 25

Part 5: Let’s continue the development 217 Answer If you have not created the pages from the previous lessons, you can follow this lesson by opening a corrected project: in the WEBDEV home page (Ctrl + <), click "Tutorial" and select "Full WEBDEV Site (With pages)". A full corrected application project is also available: in the WEBDEV home page, on the "Home" pane, click "Tutorial" and select "Full WEBDEV Site (Answer)". Examples The "Sending emails" example (unit example), supplied with WEBDEV, gives more details about the email management. This example is accessible from the WEBDEV home window. A popup page to send emails The popup page that we want to create will contain all controls allowing the user to type the different email elements. A "Send" button will group all processes used to send the email. Creating the popup page ▶ To create the popup page: 1. Open the "Full_WEBDEV_Site" project if necessary. 2. Display the "PAGE_List_of_products" page. 3. On the "Creation" pane, in the "Containers" group, click "Popup". 4.  The Popup page is displayed in the editor. 5.  Increase the width and height of Popup page via the handles. 6. Save the page ( or Ctrl + S). Creating the controls used to type the email characteristics To write an email, the user must have: • A control used to type the sender address. • A control used to type the email subject. • A control used to type the email text. We are now going to add these controls into our page. Remark: the recipient being the site developer, the corresponding address will be found in the send code of email. Similarly, the parameters of SMTP server will be typed in the code directly. ▶ To create the edit control corresponding to the sender address: 1. On the "Creation" pane, in the "Usual controls" group, expand "Edit". 2. Select the preset "Email" edit control. 3. Click in the page: the edit control is automatically created. 4. Modify the control caption: "Sender".