How to display both Object key and value using collactions

Question

i have a an object and i would to display this object in a list, the object key would be title and value would be a text under it. i tried using collection but when i set the value for value for one i am getting undefine for the previous items

i am doing something like this to get the key
${collectionItem.key}

Bogdan · Answer

Collection accepts only array. You cannot iterate over objects. Would need to change data on backend before working with it in webstudio.

Oleg Isonen · Answer

Probably also better describe your use case with a sample of the data and explaining why you need to iterate over object, I have a strong feeling there is a mistake in wanting to do that

Mikeoxygen · Answer

Ok so I want to display a UI like No of users : 10No of downloads: 10I want to store this in object.... So when I iterate on the object I get the key and value to display in my UI

Mikeoxygen · Answer

Something like this UI

Oleg Isonen · Answer

Don't need to iterate unless this collection is dynamic, means items are getting added and removed dynamically and there is a lot of them, you have on the screenshot 4 items

Oleg Isonen · Answer

don't need a collection for this at all

Mikeoxygen · Answer

Thank yiuy

Mikeoxygen · Answer

Done it manually

Mikeoxygen · Answer

It's not a lot of items

Mikeoxygen · Answer

In a case where I have a lot of items for this usecase

Mikeoxygen · Answer

How do you suggest I go about it

Oleg Isonen · Answer

array is the way to go

Join the Webstudio community

How to display both Object key and value using collactions