Creating CMS collection list in designer extension

Developers Designer Extensions
1

I’ve figured out that the DynamoWrapper element preset creates a collection list. But I’m unable to connect the CMS collection to the empty list in my app. Is there any official or unofficial method to do so?

2

Hi there,

Collection lists in Webflow are powerful elements that display your CMS content dynamically. Here’s how to add and connect a Collection list:

  1. Add a Collection list element to your canvas
  2. Double-click the Collection list to open its settings
  3. Click the Source dropdown and select your desired Collection
  4. Add dynamic elements inside the Collection list item to display your content

The Collection item names will appear on the list item tags after you open the Collection in the CMS panel. You can then style individual items and add dynamic bindings to display your content exactly how you want it.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hello, I’m not talking about adding collection list through the designer. My question is about adding a collection list element using a designer extension and webflow’s APIs. I’m able to use an element preset to add an empty collection list, but there’s no method to connect a collection to that list.

4

Hi @appyAppster - unfortunately right now, programmatically connecting a Collection to a CollectionList via Designer APIs is not yet supported. CMS support for Designer APIs is high on our radar though, and we will definitely make a shout once this is supported. Apologies for the inconvenience!

If you are building an App where this is a necessary workflow, I recommend providing in-app guidance for the user on how to do so manually for now.

5

@zachplata Got it. I see that the designer APIs support addition of custom attributes to elements. Is there any way to set a custom attribute connected to a CMS collection through the designer extension?

6

Hi @appyAppster - along similar lines as connecting the CMS Collection to a list, right now you can’t bind CMS fields to a custom attribute on a Collection Item. You can however programmatically add custom attributes to the Collection Item in the Collection List, and have users set the binding manually. Could envision a flow like collectionItem.setCustomAttribute("my-id", "BIND THIS TO CMS ID FIELD");

7

Got it. Thanks for responding @zachplata !