 Hello, my name is Gustavo Sosa. I'm going to put another video from STMicroelectronics. This is the scroll list second video of three. In previous video, we created a user interface. In this one, we will add a code to use the scroll list. Now, we will open cube ID project. Click at the folder icon at the bottom left. Go one directory up. Open s-infinity-to-cube-id folder. Double-click at .c-project or .project file. At workspace path pop-up window, click at launch. At successful imported project pop-up window, click at OK. Expand the project, then application, user, GUI, and open custom container cpp file. We'll add a code that will assign the corresponding nemash and text to each item at the scroll list. We need to know the naming site touch effects and how to refer to each image and text. We add header files for the text and images. With the mouse write button, we'll open the text header file and take a look as an example. We can see the enumeration with all the text resources. The images header file is something similar. Close a text header file and, with the mouse write button, now open custom container one header file. Just add the definition of the function we had created. Save both files using the Save All Files icon at the top. Now, open screen one view cpp file. With the mouse write button, open screen one view header file. Add public, add the definition of the function that will be used to update the scroll list elements. This function name and the function was defined by touch effects. Add the screen one view base hpp file, but we need to override it and implement it at the user code. Add protected, add the definition, need as for the selected item callback. This callback will be called when an item is selected from the scroll list. Finally, return to screen one view cpp file. First, we'll add the scroll list one update item function that we had defined and need to override. The name is just a name we gave to the scroll list widget at touch effects designer and update item. In this function, we are calling the function of the custom container one to place the items. Now, let's add the callback function when an item from the scroll list is selected. Here, we will assign the image and text at the left side of the screen to know which item of the list is selected. We are doing it in the same way as in the container. Next, we need to add a header files with the definitions of the images and the text. Now, we'll assign the callback function to the function we had created. This step is done in two lines. Finally, save all files and compile with the icon set at top. After compilation is complete, change to touch effects designer and run the simulator with a button at the bottom. Here is what we had created. Each time an item in the scroll list is selected, it is displayed at the left side as acknowledged. Now, let's improve it a bit by changing the scroll list to be circular and we'll add a second screen. This will be done at the third part. Thank you for watching.