Tuto WEBDEV 25

Part 4: Internet site with data 145 Creating controls inside the Looper control ▶ To create the Image control: 1. On the "Creation" pane, in the "Usual controls" group, click "Image". The control currently created appears under the mouse. 2. Hover the first row: a green border appears, allowing you to see the available area. 3. Click the top left corner of first row in the Looper control. The Image control is created. 4. Display the description of Image control to modify the control characteristics (double-click the control). 5. Modify: • the control name: IMG_Visual. • the display mode of image: select "Homothetic" and check "Without image enlargement" and "Center image in the control". • the transformation mode of image. In our case, the product image is stored in memo format in an item of the Product data file. Choose a display calculated on the server to optimize bandwidth and check "High quality". 6. Validate. ▶ To create the Link control: 1. On the "Creation" pane, in the "Usual controls" group, click "Link". 2. Click the Looper control below the Image control to create the Link control. 3. Display the description of Link control to modify its characteristics (double-click the control). 4.  This control is named "LINK_View_Product". 5. Validate the control description window. 6. Select the Link control and increase its width (with the handles) so that it occupies the row width.