List filter not working when radio button clicked

Finsweet Components
1

Description

I have a quick look style on my home page with three custom radio buttons to choose from. My collection list is directly below. When I select a radio button the entire list disappears. Site URL

Required: Please provide a staging/production URL where we can see the issue

Steps to Reproduce

  1. Using the lumos framework, I created properties for the attributes. Added the attributes to the form, collection list and radio buttons
  2. Turned my collection list into a component
  3. Finished the design. I do think the values for my radio buttons are off. Not sure if I named them correctly. I am using the hidden (none) paragraph in my card component as my list field connector.
    …

Expected Behavior

Once published, when I click the protected button, all the items with protected show up. Same with scheduled and available. I am using the paragraph in my card component as my list field connector.

Actual Behavior

when I click (whichever) all my items disappear

Video/Screenshots

Required: Please provide a short screen recording showing the issue

Additional Context

  • Browser: [e.g., Chrome 120, Safari 17]
  • Device: [e.g., Desktop, iPhone 14]

NDA Notice: If you’re under an NDA, please feel free to send us a Direct Message/Email with the above information.

2

Hey @jillbascome! You’re really close to having this work :flexed_biceps:

The core issue is that each radio input has fs-list-value=“name” — that’s a placeholder the Lumos framework inserted but never replaced with your actual CMS data. When you click a radio, the filter looks for CMS items where the status field contains the literal text “name,” and since nothing matches that, everything disappears.

The fix is straightforward — replace “name” with the exact text your CMS status field outputs for each item. Since the paragraph inside each card already has fs-list-field=“status”, the filter will compare the radio’s fs-list-value against whatever text that paragraph renders on the published site.

Here’s what to do:

  1. Open your Webflow CMS collection and note the exact text stored in the status field for each item — things like Protected, Scheduled, Available for import. Casing and spelling must match exactly.

  2. In Webflow Designer, select each radio button and update fs-list-value from “name” to the matching CMS status text:

fs-list-value="Protected"
fs-list-value="Scheduled"
fs-list-value="Available for import"

(use your actual CMS values here)

  1. Remove the fs-list-field=“” attribute from the h3 heading on your card — it has an empty value right now, which can interfere with filtering.

  2. Delete the stray attributes on your radio inputs — protected=“value”, scheduled=“value”, and available-for-import=“value” aren’t valid fs-* attributes and can go.

  3. Publish and test on your live staging URL — Attributes don’t run in Designer or preview mode.

Also worth a quick check: make sure your CMS items actually have content in the status field, since an empty field won’t match even with the correct setup.

Let us know how it goes after those changes — if things are still disappearing after publishing, drop your staging URL and we’ll dig deeper :folded_hands:

3

Hi Finn,

I went through the site again and I think I have one glitch removed. I checked and my properties on the check UI component with the the form buttons seem to be in the right place. I think my issue is how do a pull the status name from the status reference field in the produce varieties cms. The cms referenced is the badges containing the name and the badge icon. I was using it that way to filter the badge icons on the cards, which is working using the conditionality feature. Should I use the nested attribute with this in order to reference the status name from the reference field in my produce varieties cms? Will “name” in the cms here (when I click the purple button) be the name from the status reference field or the name of the produce. My filter still isn’t working.

Screenshot 2026-05-08 at 11.23.23 AM
Screenshot 2026-05-08 at 11.23.23 AM1920×938 208 KB

?

Screenshot 2026-05-04 at 1.14.36 PM
Screenshot 2026-05-04 at 1.14.36 PM1920×765 197 KB

Screenshot 2026-05-04 at 1.11.06 PM
Screenshot 2026-05-04 at 1.11.06 PM1920×1201 306 KB

Screenshot 2026-05-04 at 1.10.56 PM
Screenshot 2026-05-04 at 1.10.56 PM1920×1128 267 KB

4

Hi @jillbascome how did it go after referencing the status name from the reference field?
Could you share the web page link, thanks

5

Hi Jesse. Thats my problem. I can’t find how to get the reference from the status reference field in my produce varieties cms. When I click for the cms I don’t see the status reference field anywhere even though I know its there. So when I click the quick search buttons on the published site I just get a blank page. I am a bit twisted around, but I have used the attributes many times… Any help greatly appreciated.

6
7

Hi…Is there anything I can do better, or that I have done wrong. Any help would be greatly appreciated

8

Hi @jillbascome

Here’s a loom showing how to get status connected to the cms items

The vid goes through whole setup

Implement & let me know

Thanks