Tuto WINDEV Mobile 25

132 Part 5: Android and iOS: Developing an application 4. We are going to delete the blank row that is useless in our example: • Select the blank row (the first row). • Then click "Delete". 5. Validate the description window. Your menu is created. Each row includes an Image control, a Static control and an arrow image. We are now going to modify the Image control and the Static control of each row in order to represent the menu action. Modifying the 1st row: access to the list of products ▶ To modify the image in the first row of the Multiline Zone control: 1. Click the Image control in the first row. 2. Open the image description window (double-click the control). 3.  In the description window: • Give a name to the image ("IMG_ListOfProducts" for example). • Click on the button . Select "Catalog" from the popup menu that appears to choose an image that represents the action. • In the image catalog window, type "List" in the search control and press Enter. • Select an image via a double click. • In the window for configuring the generated image, select a size (80 for example, W (Width) = 80 and H (Height) = 80), give a name to the image ("ListOfProducts" for example) and validate. Remark The image used in a Multiline Zone control is in "Homothetic extended centered" mode by default. The image will be automatically "resized" to the proper dimensions. 4. Validate the description window. ▶ To modify the Static control in the first row of the Multiline Zone control: 1. Click the Static control in the first row. 2. Open the description window (double-click the control). 3.  In the description window "General" tab: • Give a name to the control ("STC_ListOfProducts" for example). • Change the caption ("List of products" for example). 4. Validate the description window.