Binding Text to Contentful data doesn't work

[lburtness]

I am trying to bind Text in Builder to data from Contentful. My Contentful data is a Section named “Site Constants” with a list of data items. I have set up the Contentful integration, selected Section > Site Constants, and I can see my Contentful data in the Content State of my Builder Symbol:

However, when I add a data binding for Text, I am not able to access the “section” Object within state

If I print the keys of state, it doesn’t show “section”

Am I missing something to correctly bind the text to the connected Contentful data?

Thank you!

[anon43891756]

Hi @lburtness

For us to be able to help you, could you please provide the Builder Content Entry link where you’re experiencing an issue that will be further investigated?

Here is how to find it:

Thanks in advance!

[lburtness]

Hi @anon43891756 thanks for the response!

Absolutely - here is the link https://builder.io/content/428ef421820b4513a9f2cbc1be62e415

I am attempting to use the Contentful data in the right hand column. I’ve also tried to use Builder data in the left hand column which also isn’t working for me.

Thanks again

[lburtness]

Hi @anon43891756 - have you been able to investigate this issue? Thanks in advance!

[anon43891756]

@lburtness

I see an empty state container!

[lburtness]

@anon43891756 Interesting! Sorry about that. Could you check again please? We recently fixed a bug that might have been related to that empty state you saw. However, I am still having the original data binding issue.

I want to clarify that I am only having this issue binding to Builder and Contentful data when in a Symbol. When I bind to the same data on a Page, then it works as expected.

I’ve split out my examples:

1. https://builder.io/content/6ae37e21a1d747fe841545433478e398 is a Symbol attempting to use Contentful data
2. https://builder.io/content/428ef421820b4513a9f2cbc1be62e415 is a Symbol attempting to use Builder data

If I print out content.data.state in my BuilderComponent, then I see the correct state:

I’ve also noticed that if I toggle the locale, then the data binding works, as you can see in this screen recording:

Thanks in advance for the investigation!

[anon43891756]

@lburtness Since the issue with contentful data binding is only when using symbols so please try to enable the inherit state for the symbol. I think this should fix the issue as you are using dynamic bound to state for locale and nested symbols.

[lburtness]

@anon43891756 Looks like that was it. Toggling Inherit State to true makes the data binding work right away, without toggling the locale.

Thank you!