# \[Solved\] Fill list of buttons with images

**URL:** <https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548>\
**Category:** Questions about Thunkable X\
**Tags:** solved\
**Created:** [March 30, 2020, 9:04am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548 "2020-03-30T09:04:22Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [March 30, 2020, 9:04am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/1 "2020-03-30T09:04:22Z")

</div>

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.

 ![Bildschirmfoto 2020-03-30 um 10.40.56](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/a/5af4bc55b11bda21ce98ae6e74de5e637aece49e.png)

 ![Bildschirmfoto 2020-03-30 um 10.41.15](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d843b8425722f8da03bfe53b60de71153de99e3.png)

[https://x.thunkable.com/copy/057d4aa9f676abbb34642d633db81a58](https://x.thunkable.com/copy/057d4aa9f676abbb34642d633db81a58)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 30, 2020, 10:29am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/2 "2020-03-30T10:29:33Z")

</div>

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

 ![Screen Shot 2020-03-30 at 3.13.10 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/5/b5859906e967398af1fc68476e23a0e7f96197e9.png)

![Screen Shot 2020-03-30 at 3.14.11 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/f/cfeeafba2c3ad579ca7792126513fb22c62277c1.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [March 30, 2020, 10:32am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/3 "2020-03-30T10:32:11Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [March 30, 2020, 11:02am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/4 "2020-03-30T11:02:39Z")

</div>

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](https://x.thunkable.com/copy/fce6c0c13d18c8b2eb9eb277864b12a7)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 30, 2020, 11:05am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/5 "2020-03-30T11:05:50Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [March 30, 2020, 11:29am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/6 "2020-03-30T11:29:52Z")

</div>

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

[https://x.thunkable.com/copy/0541ba02f3fdb6be9cf7bb2cd2013700](https://x.thunkable.com/copy/0541ba02f3fdb6be9cf7bb2cd2013700)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 30, 2020, 11:39am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/7 "2020-03-30T11:39:56Z")

</div>

Great work! This is a cool idea!

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [March 30, 2020, 2:28pm UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/8 "2020-03-30T14:28:32Z")

</div>

It works as a memory game:

 ![Bildschirmfoto 2020-03-30 um 16.19.50](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/1/f18f22f96409b3e2aa2045d06a247af1b55a542d.png)

[https://x.thunkable.com/copy/fc04867ec1c63bff92736a14519b9f0a](https://x.thunkable.com/copy/fc04867ec1c63bff92736a14519b9f0a)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 11:29am UTC](https://community.thunkable.com/t/solved-fill-list-of-buttons-with-images/544548/9 "2024-11-08T11:29:58Z")

</div>


