Airtable Component FAQ
August 7, 2019 at 9:51amAirtable Component FAQ
August 7, 2019 at 9:51am (Edited 2 years ago)We'll gather the list of questions & answers here
August 7, 2019 at 9:53am
QUESTION:
If I want to use multiple datasets in my design, should I create a single database with multiple tables or multiple databases?
ANSWER:
- If you want to create different databases you'll get different API URL and you can just paste each of them in a different component as usual.
- If you want to create different tables within a database, you'll need to specify the name of the table you want to take the data from in the URL. See example:
Tab 1: Called Menu
https://api.airtable.com/v0/app6I58LfuNihimLf/Menu?api_key=YOUR_API_KEY
Tab 2: Called Menu 2
https://api.airtable.com/v0/app6I58LfuNihimLf/Menu%202?api_key=YOUR_API_KEY
You just need to change the name in the url:
Menu?
Menu%202?
QUESTION:
How do I retrieve the records in the same order as they appear in a specific table view?
ANSWER:
To retrieve records in the same order as they appear in a specific table view, you can pass in the "view" parameter in the list records request. Check the list record section under your API docs.
Here is an example of a url:
https://api.airtable.com/v0/app6I58LfuNihimLf/Menu?&view=Grid%20view&api_key=YOUR_API_KEY
Note the "&view=Grid%20view"
January 15, 2020 at 6:27pm
March 5, 2020 at 2:46pm
April 3, 2020 at 11:59am
Hi I copied your component just to add this line of code just to pass through contentOffsetY for scroll interactions. Is it an idea to pass through the most common props of the Scroll Component in the VerticalAirtable Component?
direction={direction}width={width}height={height}contentOffsetY={contentOffsetY}>
Hey , that'd be a nice one! We are modifying the scroll component a bit with the new beta, so I'll wait until it's fully revamped and I could add them there. Maybe adding all of them is a bit noisy, but are there specific ones you'd like to have?
May 19, 2020 at 5:47pm
June 2, 2020 at 8:17am
June 8, 2020 at 9:32am
June 16, 2020 at 3:22pm
Hi is it possible to filter to show only components with certain words in one of the data columns? For example I want to show only the items that are cheeseburgers. (from your video example).
June 24, 2020 at 11:39pm
June 25, 2020 at 9:41pm
The listings results from airtable are scrollable both vertical or horizontal, but no matter how far I go scrolling on the listings output, I can not release the mouse/finger from the screen or I will be taken back again to the first listings. I was watching in slow motion your tutorial on youtube, and I've got the feeling than yours, can scroll listings and also position yourself on the last item without having to keep the screen pressed.
Here is my prototype: https://framer.com/share/4E3Ujg4tSgY53GMueAeo/WQFFwF0SZ?fullscreen=1
August 20, 2020 at 9:04am
Hey , sorry for the late reply - I was off and then this slipped down in my inbox. There was indeed a bug and it's fixed now, so thanks for reporting!
UPDATE: We added an action called on Item Tap to the component! You can now connect the Airtable items to their details page / modals or wherever you want to by using the action: Item Tapped. You'll find it under the interactions panel.
Moreover, you don't have to design each of the details page that the item links to, because you can use the following Code Override to override the data in the linked page with the data from the item that is coming from.
```import { Override, Data, Color } from "framer"
// [1]
const data = Data({
selectedItem: null,
})
export function ProductList(): Override {
console.log("ProductList")
return {
onItemTapped(index: number, item: any) {
console.log("selected Item", item)
data.selectedItem = item
},
}
}
export function Title(): Override {
return {
//@ts-ignore
text: data.selectedItem ? data.selectedItem.fields.NAME_OF_FIELD : "",
}
}
export function Image(): Override {
return {
//@ts-ignore
image: data.selectedItem ? data.selectedItem.fields.NAME_OF_FIELD : "",
}
}```
This channel has been archived