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

Design help Custom code
1

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:

Screenshot 2023-02-03 at 17.29.42
Screenshot 2023-02-03 at 17.29.421722×712 46.7 KB

But I would like it to look like this:

Group 17
Group 17882×381 24.4 KB

Anyone have any ideas where I’m going wrong?

Thanks in advance for any support you can offer

Read-only link: Webflow - TalkToLoop.org

2

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

3

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

5

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?