[Solved] Fill list of buttons with images

Hi, I am working on a small memory game for children. The idea: 20 Buttons on a screen. Every button filled with a background picture.
In the blocks: Fill all 20 buttons with a picture from a list of images that are downloaded. There are always two identical, as in a memory game.
For test reason i check to display the name of the picture of the button that is pressed.
What is to see: The first 14 buttons give back the correct text. But none of the buttons displays the correct picture.

Idea for further development: shuffle the list of images. Attach them on buttons, hide buttons and let the user press two buttons to to check, whether it is a pair of equal images.

https://x.thunkable.com/copy/057d4aa9f676abbb34642d633db81a58

1 Like

It might surprise you to see the index numbers for each button:

Screen Shot 2020-03-30 at 3.14.11 AM

2 Likes

I believe the index # for a button is determined by when it was placed onto the screen in the Design tab.

2 Likes

Great @tatiang !!
I generated a new project, created the 20 buttons one after the other new. Now the buttons are numbered from 1 to 20.
That was the solution. Now its works!

Thank You!

https://x.thunkable.com/copy/fce6c0c13d18c8b2eb9eb277864b12a7

2 Likes

Awesome work you guys!! Nice suggestion @tatiang, they do index weird sometimes if they get moved around or get put in out of order.

Now it works better, even with shuffled list of pictures after start.

https://x.thunkable.com/copy/0541ba02f3fdb6be9cf7bb2cd2013700

1 Like

Great work! This is a cool idea!

It works as a memory game:

https://x.thunkable.com/copy/fc04867ec1c63bff92736a14519b9f0a

2 Likes