menu

Framer

The best prototyping tool for teams. Join our Discord chat for weekly classes and real-time help with Framer. http://framer.com/r/discord?utm=spectrum

Channels
Team

Airtable Component FAQ

August 7, 2019 at 9:51am

Airtable Component FAQ

August 7, 2019 at 9:51am (Edited 1 year 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:
You just need to change the name in the url: Menu? Menu%202?
like-fill
1
  • reply
  • like
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.
Note the "&view=Grid%20view"
like-fill
4
  • reply
  • like

January 15, 2020 at 6:27pm
How do i make visible a Link to Table field / Rollup / Lookup fields from Airtable to Framer ?
  • reply
  • like

March 5, 2020 at 2:46pm
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
  • reply
  • like

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}
>
  • reply
  • like
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?
  • reply
  • like

May 19, 2020 at 5:47pm
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?
  • reply
  • like

June 2, 2020 at 8:17am
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 :)
  • reply
  • like

June 8, 2020 at 9:32am
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? 🙈
like-fill
1
  • reply
  • like

June 16, 2020 at 3:22pm
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
  • reply
  • like
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).
  • reply
  • like

June 24, 2020 at 11:39pm
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?
  • reply
  • like

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.
  • reply
  • like

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!
  • reply
  • like
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 : "", } }```
Edited
  • reply
  • like
private
This channel has been archived