Streaming live at 10am (PST)

Collection Item focus on click, single select

I have a collection list with bunch of collection items. I’m trying to make it so when you click on a collection item, it sets it to focused, and you can only select one at a time. Seems like something that should be so simple but I can’t figure this out. Help.


Here is my public share link: LINK
(how to access public share link)

Hey @yantiarifin ,

Could you share the link of the website so I can give you a more detailed answer?

Let me know,

Cheers,

Sorry, forgot to include the link:
https://preview.webflow.com/preview/cryptopunto?utm_medium=preview_link&utm_source=designer&utm_content=cryptopunto&preview=5a9ba6852df77712a9bbf0ba070b4398&mode=preview

As you can see I have a collection list with rows of collection items. If you click on an item, it will appear selected. What I’d like to do is to make is so you can only select one at a time.

Hi @yantiarifin,

The radio buttons on the webflow preview don’t show the styling on checked. If you go to the settings on each radio button, you will find a custom right below the name of the input.

This will allow you to edit the way they are behaving when pressed, focused or even checked.

https://cryptopunto.webflow.io/test

Let me know if this solves it,

cheers

Hi Carlos,
Almost! Now I just need to know how to do 2 things:

  • Change style of child elements when checked
  • How to bind Choice Value to value set in CMS

Is this possible?

Hi @yantiarifin,

There’s a state of the element that says “checked” this will be the first answer, the second is not possible to do it with default webflow.

But what I do, is to publish the element, copy paste it from the inspect and then paste inside a embed code container.

This way I can place CMS fields into form elements