ikettles / framer-data-component.framerfx Goto Github PK

Hello, is there a way to override the scroll? I'm looking into logging how far a user has scrolled. I've tried

onScroll(e) {
     console.log(e)
},
onMove(e) {
     console.log(e)
},
onScrollStart(e) {
      console.log("->", e)
},

but none of them fire

I was wondering if there is the ability to tap on a item in the list to open it in something like a details page to show more information about that item?

When I'm using the Airtable option in the component, it appears I'm not getting the full depth of data back. Some keys are missing. The component seems to only access keys that have string values. I have an Airtable table that returns arrays for certain keys in its response. This is due to some fields being relational with other tables in my Airtable base. It'd be great to have access to the full JSON from the response when used in something like the onFormatData callback.

Also, it appears the id field, which gives you the Airtable record ID is missing from the response as well.

I cannot use the function onItemTap anymore, was there an update with this component along with framer's code update?

This looks like a fantastic new component for those of us without the ability to run the desktop app. I would love to see GraphQL support in the future!

Thanks for your hard work on this!

So, lets say i use an API endpoint and it returns me this data:

{
  "content": {
    "items": [
      {
        "foo": "bar"
      }
    ]
  }
}

This won't work, because it's not possible to use something like content.items on the Data key parameter.

Sometimes when using the search query function I'm getting: TypeError: value.trim is not a function
Seems to be coming from fuse which seems to have been fixed in the latest release 6.4.6. krisk/Fuse#469

Is it possible to update fuse to the latest version?

Hi Lan. I have just updated the Data Component package. When connected to a Smart Component and linked to a modal (just like what you've done in your example file), the Data Component stops popping up the modal. How can I achieve the detail modal popup effect in your example now?

Hey Ian,
first of all, thanks for this great component!
I am really interested in using this component to connect my designs with an API. Together with a Backend developer we tried various versions of his API and had some troubles with more complex JSON files.

It seems like the plugin currently only supports non-nested JSON structures, are there any plans to add support for deeper objects? e.g.
{ “data”: [{“name”: “Anna”, “address”: {“street”: “Rue Gambetta”, “number”: “14a”, “city”: “Baguette”

haven't had time to triage this but wanted to log, I think there's a bug with passing data based on the examples we give with the data component at the moment

teddis-I'm new to Framer, love the potential but really stubbing my toes on smart components. I've got airtable populating a data component in a grid of "car thumb" components. I want to open a new page when I tap on an item. I see I can create interaction from the data component to a new page on tap, but it's dead, not working. And even then I'm not sure how to transfer the variables from the item to the new page, and how to connect those variables to items in the new page. Do I have to create more smart components on the second page to receive item variables on tap? I'm confused. Can't find quick, concise, relevant, detailed documentation on how to connect all this up. I'm following the April 2021 hour long video on smart components but it's glossing over things and the quality is too low (720p). Thanks for help in advance. Is there a link to a good help article on this?

wolfboypupp — Today at 10:47
Hello! did you by chance get to go over this example file? It should have a example and some code to show how to open a modal on click.. https://framer.com/projects/new?duplicate=fXHamZqD4CB4e80R0Ldu. in example 2 if you switch the transition type from modal to page, it might get you towards a step in the direction you are trying to take it

teddis — Today at 11:05
Thanks, I tried out the example. In Example #2 the image isn't being replaced with the item's that is clicked but the other variables are shown correctly.

wolfboypupp — Today at 11:25
no doubt, it does'nt work for me either, that may be a bug, but I don't know enough about code to try and edit it to work. @addisonschultz may be able to help or confirm if it is a known bug or not.

In the supplied examples number six doesn't work.

Copying the structure and approach your example (Example 2 pass data), I have overridden onItemTap to get the selected item. When this override is active, the interaction to open the modal no longer fires. This happens with both "legacy" and "new" override types. The minute I comment out the override on the event, it fires just fine. I'm not sure if it's the way the property is implemented or if it's an issue with framer.

I'm using the desktop version, but this is reproducible in the web version as well.

Using as a pull down list.
Cant get the selected item.

https://framer.com/projects/CarModal--fXl6mrs15OeEhTSKhaGf-1SPLt

I wrapped the data component inside of a smart component and it failed to work.

repro: https://framer.com/projects/dataComponentInSmartComponent--3bkSyxWhdugqm6oiE5PU-aTRnP

As the name says, imported smart components dont work with the data component:

Repro: https://framer.com/projects/framer-data-component-webview--zCUnLmcnhXCaLsd3V32O-1Xs0f?node=eyZY3NWZk

Hi, I just noticed that the smart components are not responsive when attaching them to the smart component, only detached instances do but I lose the ability to display the API data, is there a work around for this??

I'm trying to get content data from a Data Component within code.
So I tried "props" but it didn't show me anything:

export function ProductList(props): Override {
    useEffect(() => {
        console.log(props)
    }, [])
}

Is there an attribute from a Data Component that I'm not aware of? I checked all the nested attributes of "props", including children.