Airtable image load

Discuss
#1

How can I load single Image on screen1 via Url from airtable?

#2

There are a lot of post about airtable and also image from airtable. If I understand your goal you need simply to get value from airtable and set it as source of image component.
If you don’t know how to get value

  1. Search a guide or a sample in the community
  2. Show your table to see how you store data
  3. Tell us which value you want to get

Usually you have to get a column and managed the data for find the value you need or set the right column or row to find the value .

#3

I have searched, but they are not working for me.

#4

I want kodular Image to show if I give image link in Airtbale, but I can’t.

Screenshot_2023-03-09-13-58-38-91_40deb401b9ffe8e1df2f1cc5ba480b12
Screenshot_2023-03-09-13-58-38-91_40deb401b9ffe8e1df2f1cc5ba480b12720×1600 190 KB

#5

Screenshot_2023-03-09-13-59-46-73_40deb401b9ffe8e1df2f1cc5ba480b12
Screenshot_2023-03-09-13-59-46-73_40deb401b9ffe8e1df2f1cc5ba480b12720×1600 117 KB

Screenshot_2023-03-09-14-01-28-60_40deb401b9ffe8e1df2f1cc5ba480b12
Screenshot_2023-03-09-14-01-28-60_40deb401b9ffe8e1df2f1cc5ba480b12720×1600 79.6 KB

#6

You have to store the link in air table not the image

#7

Yes, but I can’t do it correctly. Please help me if you have any Block.

#8

Here I don’t see the link in the table . Save the link and not the image or other kind of data.
You have a link to image ? Like Google drive link or some cloud for image ?

#9

2nd simple block not working

Image link:- https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/5/6/56c3960539efde5ee29e4381888640ccde3a67ba.png

Block png

blocks
blocks (1)

#10

I have to see

  1. Where you call the column? (code)
  2. Test if the link is correct and use image component to show it not arrangement
  3. Test if you get data from airtable, if you haven’t data not use block under initialize but use a clock to create a delay
#11

Values is a list , so the for each block is correct but when you have to set the image , in the do section, you have to use item from list and number as index , not use the main variable app logo because is the all list . In this example you have only 1 row but I think you will store more that 1 item

1 Like
#12

Can you please help me with a block screenshot?

this not working

Screenshot_2023-03-09-15-39-52-59_40deb401b9ffe8e1df2f1cc5ba480b12
Screenshot_2023-03-09-15-39-52-59_40deb401b9ffe8e1df2f1cc5ba480b12720×1600 154 KB

#13

Screenshot_20230309-104823
Screenshot_20230309-1048231080×2400 124 KB

There you have to use select list item , the list is values or applogo and index is number

Edit
Sorry but I’m on mobile.
The for each is when you will add all the data, for this time you can use simply set image to select list item from values (or applogo) and index 1. When you will add all the data in the table you have to use any component to set automatically all the value in the right image component.

#14

Thanks you

1 Like