Tuto WEBDEV 25

Part 13: The WLanguage basics 453 Practical example: Using loops To check the use of loops, we are going to create a page into which an Image control will be moved. Project used To handle the different concepts of this lesson, we are going to create different pages. These pages will be created in the "My_First_Pages" project. ▶ Open the "My_First_Pages" project if necessary. 1. Display the WEBDEV home page (Ctrl + <). 2. Click "Tutorial", then "My first pages (Exercise)". Creating the page ▶ Create a new blank page: 1. Click among the quick access buttons. The window for creating a new element is displayed: click "Page" then "Page". The page creation wizard appears. 2. Select "Blank". 3. Validate. The page is automatically created in the editor. The window for saving an element is displayed. 4. Specify the page title: "Loops". The page name ("PAGE_Loops") is automatically proposed. 5. Click on the "OK" to validate the information displayed in the save window. Creating controls We are going to create the Image control then the buttons used to handle this image. ▶ To create an Image control: 1. On the "Creation" pane, in the "Usual controls" group, click "Image". Position the control in the page. 2. Right-click the control and select "Description". 3.  In the "General" tab, modify the control name: this control is named IMG_Animal. 4. We are going to associate an image to the tab via the image catalog of WEBDEV. Remark As soon as an image can be displayed in a control or page, WEBDEV proposes to use the image catalog. This image catalog is started via the "Catalog" option (available by clicking the button). This catalog contains hundreds of images, cliparts, ...