Dynamic list dropdown select is locked

Design help CMS
21

Hello @mmediaman

After you create a Dynamic collection by clicking on “Dynamic data” button

You will see that in pages list there will appear Template to your collection.
Then for add dynamic collection to some page you choose element “Dynamic list” from the elements panel

drag and drop it to the page.

When Dynamic list will appear on the page you will get this popup window here you will be able to choose your collection in the dropdown:

22

@sabanna, sure you have explained how to place a Dynamic List onto the canvas, thank you. But I’m not sure it answers why a Dynamic List selection gets locked, or why and how content has to be un-linked to unlock the Dynamic List dropdown selector.

23

After you place any design inside the dynamic item and CONNECT elements inside that item with data from the collection, Dynamic list will become locked. For unlock list just disconnect elements inside the item from data collection.

1 Like
24

@sabanna thanks for explaining how the Dynamic Lists selector becomes locked.
I think what I am missing is the part about connecting elements which I believe is the same as “binding” the relevant fields from the collection into the Dynamic List element.

I can see from the tutorial that I should have the following (which I am pretty sure I saw at one time, but not any more in my current project) when a DL element is added or as you mention, after styling.

1236×657 96.7 KB

However, what I am seeing after adding the Dynamic List element to the canvas or when I right-click it, is the following:

693×488 48 KB

Perhaps I am missing a step.

25

I think I see it now.

1.) After adding the Dynamic List element from the elements panel I have to;
2.) Add other types of elements such as Text Blocks or Images etc into the Dynamic List element. This action then triggers the prompt to be able to bind DL fields to the other element types in the DL. Once the fields are defined, the DL source becomes locked.
After which I can change only the bounded fields via the settings panel.

26

You almost got it :smile:

  1. you bring dynamic list to page
  2. connect it to particular collection
    On this step you have some kind of wireframe (structure) for your dynamic content.

3)This wireframe has a cells for every item, but inside these cells is NOTHING until you create the structure by adding elements inside the cell. In other words, you telling the browser which way it has to show dynamic content.
It is enough to create item structure only in one “cell” and it is automatically will show up in every of them.
On this step list is not locked yet and you can change your mind and connect other collection to this dynamic list.

  1. After you create structure (divs, images, text blocks) you can chose every of element in this cell structure and connect it to data from collection. So, for example, in image settings you can choose that data for this element will come from “Project image” field. Same with text block, it can get data from field “Project summary”. Text color, border or background color can be connected to the field “Color”. Etc, etc, etc.
    Have to notice that type of data should be the same as type of content.

Only NOW your list will be locked

Hope I was able to explain :slight_smile:

27

@sabanna, I think we are saying the same thing.

This should finally answer the OP question. :+1: