Tuto WEBDEV 25

144 Part 4: Internet site with data 4.  In the next step, we are going to select additional parameters for creating the Looper control: • The Looper control is in Classic mode: the entire data will be displayed when loading the page. Select the "Classic" operating mode. • The Looper control is using an unlimited number of rows. Indeed, all products must be accessible in the page directly. The page will be enlarged in order to display all products. Select "No limit" in "Maximum number of rows per page". 5. Go to the next step. We are going to configure the display parameters. • Keep the proposed display direction: fixed number of columns, fill in row. • The Looper control will display the new products on 5 columns. In the "Number of columns" area, replace 1 by 5. 6. Go to the next step. 7.  The last step is used to specify the control name (LOOP_NewProducts for example). 8. Validate the wizard. The Looper control is automatically created in the page. The created Looper control is empty. WEBDEV materializes the main cell (the one that will be edited) with a solid line and the other ones with a dotted line. ▶ With the handles, reduce the width of main cell in order for the 5 cells to fit across the page width. We are now going to create the different controls that will be displayed in the Looper control. Each row will display: • An Image control used to display the product image. • A Link control used to display the product name and to open the detailed form. • A Static control used to store the product identifier. We are going to create these different controls and program the fill operation for the Looper control.