Get data from Airtable and put it into a CardView

As the title says, the idea is to load Airtable data into the Cardview extension.
Something like this:

To do this we will use the following extension:

Once installed the extension we add in the designer as many airtable components as columns we have in the airtable database.


We complete each airtable component with the same Apikey and Baseid and table name.

We create a variable for each column of airtable data:

04

Now we initialize the screen with the obtaining of the first column of data

02

We look for the component of the first column and use the event “Got column”:

And we use it to get the data from the second column:

06

We assign “values” to the variable in each column.

08

When arriving at the last column we are going to put the data each one in a variable that later we will use in the CardView

I created a procedure to create empty lists, so that every time you get the data we first make sure they don’t contain any data.

Now in each variable we put the data corresponding to each item of the list… in this way each column is stored in its corresponding variable as a list.

Note: the listName variable corresponds to the first column “Evento” (global Evento)

The end result would be something like this:

Note

When you apply a certain criterion to sort the data in the airtable table, the cardview cards are sorted in the same way.

11 Likes

great tutorial !

Is there any way to use Asynchronous image loader with that extension? I tried it with Image Utilities without any success

Fine…Once again.
You should post in English.

I published in English, but sometimes it happens that before I gave “Send” what I wrote was translated

May be you are using a translator.

Of course, I’m Uruguayan (Spanish speaker)

That is why it translates all text in Spanish.

And that’s why you have no reason to tell me the same thing every time

Thanks

I think this topic is hijacked.:grin:

Is there any way that if a new data store in airtable then it can also be seen in realtime in app also