Highlighting the 'View all' filter (radio button) using FinSweet Attributes

Hi there,

I’m using FinSweet’s attributes method to filter a simple CMS of blog posts. I want to have an option called ‘View all’ (which is basically a reset button), that’s selected on page load. I have everything set up and working, except I can’t seem to get the is-active class to apply to my View-all radio button

When I load the page it looks like this:

But I would like it to look like this:

Anyone have any ideas where I’m going wrong?

Thanks in advance for any support you can offer

Read-only link: Webflow - TalkToLoop.org

First of all, I don’t think we can use “reset” on the radio button, since it stated on the documents that reset only works for the link button. But, I have found the solution.

For “View All” button,

  1. Delete all current attributes
  2. Change the form to link button/button
  3. Add this fs-cmsfilter-element = reset to the button
  4. If you want to use the same class for the active state, style it on “Focus” state

Hope it works on your end

OMG, you are a life saver - spend hours on this

This also solved (most of) the issue for me, but one remaining question — how do you get that ‘view all’ option to already appear as selected when the page loads?