# Creat image with component creat

**URL:** <https://community.thunkable.com/t/creat-image-with-component-creat/149468>\
**Category:** Questions about Thunkable X\
**Created:** [July 20, 2019, 11:02am UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468 "2019-07-20T11:02:50Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [July 20, 2019, 11:02am UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/1 "2019-07-20T11:02:50Z")

</div>

Hi, I have a question. is it possible with the component create, create component of image, type as many as images have in the airtable?  
Somei-me can help?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 20, 2019, 12:34pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/2 "2019-07-20T12:34:42Z")

</div>

Yes, if you make a list of all the image links, then get length of list, then clone image (this image might have some nice borders for styling) for **i** in length of list, then make a variable that adds one every time it creates a new image, so it can pick item 1 in list, item 2 in list, and so on, until every item in list has been picked.

But be careful when pulling data from a database, as I have gotten glitches, so maybe add a 0.5 or 1 second wait between creating the image so it does not glitch. And this will work for you.

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [July 20, 2019, 1:14pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/3 "2019-07-20T13:14:56Z")

</div>

@eoinparkinson Thanks for the tip, but is it possible to show a simple schematic of the most correct way to clone the images type 10 times and send 10 different images for each component?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 20, 2019, 2:01pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/4 "2019-07-20T14:01:02Z")

</div>

Yes here is a project link of how it could work: Of course this link could be cloud based, but I have had a lot of issues with cloud based lists.

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

**Note**

I believe there is a glitch where the last photo covers the second last, and I am unsure on how to solve this, but this would work.

You can also achieve the code I created here **using for i in length of list** , and simply add 1 to the variable each time to get next item in list. This works for making widgets which contain many pieces of data like text and images.

In the example I sent you, change the **list from** blocks with the ones beside them, they show different images in different sizes to prove it works with a range of different image sizes.

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [July 21, 2019, 10:07am UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/5 "2019-07-21T10:07:43Z")

</div>

@eoinparkinson Hello your example works really like I want but I could not apply to my project. I want to bring the images of an airtable column

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 21, 2019, 10:09am UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/6 "2019-07-21T10:09:20Z")

</div>

Make list from Airtable column, then use this list. The list must be the photo links. If they are name paths to the photo links there would be an extra step.

---

<div class="post-metadata">

**Author:** ![Fernando\_Matos](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/fernando_matos/32/30641_2.png) [@Fernando\_Matos](https://community.thunkable.com/u/Fernando_Matos)\
**Post date:** [July 21, 2019, 1:48pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/7 "2019-07-21T13:48:44Z")

</div>

@eoinparkinson This is the first time I use lists in my apps. I can not understand how you do it. Is it possible to add to your example the column of the airtable and clone the image for example 10 times with different images? in the first image show the image of the last row and in the last one the image of the first row. thanks

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [July 21, 2019, 1:51pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/8 "2019-07-21T13:51:05Z")

</div>

I believe by using get column and setting this to list, it is already a list. I may be wrong, I do not use Airtable. It seems logical to me though 🙂

So in short, set the list to **Column** using the get block for Airtable 🙂

---

<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, 12:12pm UTC](https://community.thunkable.com/t/creat-image-with-component-creat/149468/9 "2024-11-08T12:12:08Z")

</div>


