QUESTION: If I want to use multiple datasets in my design, should I create a single database with multiple tables or multiple databases?

ANSWER:

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"

How do i make visible a Link to Table field / Rollup / Lookup fields from Airtable to Framer ?

Hi Phillon, sorry for the late reply, I'm not exactly sure what you mean. Did you figure out the answer already? We can also chat on Framer's public slack, my user name is Aroa Gb

Hi

@aroagilbo

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

@elliotnolten

, 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?

Is it possible to load one data row at a time and then "refresh" the component to show another row? Rather than default in a list?

Hey Willie, it's unfortunately not possible at the moment but you can always create your own based on mine that does that. Happy to help :)

Hiya! I can't seem to scroll the Stack, every time I drag it to scroll, it "bounces" back to the beginning as if it doesn't have any width associated with it. Did something break on Framer Web? 🙈

+1

Hi

@aroagilbo

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).

Hey ! I have been using your package and works as expected. If I wanted to pull data from airtable without the repeating grid, Just pull data into a single frame, would you recommend just resizing the grid component to only fit one block of information?

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

Hey

@acjnas

, 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 : "", } }```