# Attributes Filter problem

**URL:** <https://forum.finsweet.com/t/attributes-filter-problem/547>\
**Category:** Attributes\
**Created:** [May 9, 2023, 10:05pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547 "2023-05-09T22:05:41Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 9, 2023, 10:05pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/1 "2023-05-09T22:05:41Z")

</div>

[https://mica-education.webflow.io/resources/dashboard/basics?fs-attributes-support=true](https://mica-education.webflow.io/resources/dashboard/basics?fs-attributes-support=true)

[https://preview.webflow.com/preview/mica-education?utm\_medium=preview\_link&utm\_source=designer&utm\_content=mica-education&preview=1ea1bd5cc45a3d8aa360c8dddbb4de82&pageId=6450787da99d514c6ed50c00&workflow=preview](https://preview.webflow.com/preview/mica-education?utm_medium=preview_link&utm_source=designer&utm_content=mica-education&preview=1ea1bd5cc45a3d8aa360c8dddbb4de82&pageId=6450787da99d514c6ed50c00&workflow=preview)

Hi there,

could someone please help me with my Attributes filter problem? I am not sure what I am doing wrong.

Any help with this would be much appreciated,  
Thanks!

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 10, 2023, 2:04am UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/2 "2023-05-10T02:04:27Z")

</div>

Hey @Mica! What seems to be the issue? I see the filter working as expected but it could have some improvements, I’ll list them here, and let me know if the problem persists after this 🙂

1. Add an “All” button to your filters, this will help users clear the filters as you are using radio buttons and these can not be unchecked. [Here](https://forum.finsweet.com/t/how-can-i-add-and-style-an-all-button-for-cms-filter/123) is a guide on how to set one up.

2. You currently have the `fs-cmsfilter-field = Track` and `fs-cmsfilter-active = active` attributes on your radio wrapper, you can move these to the radio button label to keep the active class when any filter is selected.  

3. as your filter options are hidden in a dropdown consider adding tags such as these to indicate which filters are active.

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 10, 2023, 8:50am UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/3 "2023-05-10T08:50:24Z")

</div>

Thank you, so much for your help which seemed to have worked, just adding the extra options you suggested. Really appreciate it.

👍🏽 👍🏽

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 10, 2023, 2:55pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/4 "2023-05-10T14:55:16Z")

</div>

You are welcome! Let me know if you have any issues in the future

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 11, 2023, 12:17am UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/5 "2023-05-11T00:17:05Z")

</div>

Hi luis,

I seem to be still getting two errors from before and now I have added a rest button which appears to be working though I am getting an error. Sorry, not sure what I am doing wrong.

Thanks for your help, Eugene.

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 11, 2023, 12:20am UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/6 "2023-05-11T00:20:02Z")

</div>

Here is the link again - [Basics Track](https://mica-education.webflow.io/resources/dashboard/basics?fs-attributes-support=true)

 ![Screenshot 2023-05-11 at 12.19.34 PM](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/1X/7b3c296aad702236c1fb8e18125f8e24dde1b70c.png)

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 11, 2023, 4:34pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/7 "2023-05-11T16:34:01Z")

</div>

The value of this attribute (screenshot) causes the first issue, we have recently changed the value to `clear` as the button doesn’t really reset anything, it clears all selected options. You can leave it as `reset` but if you want to remove the error please change it to `clear`

 ![Screen Shot 2023-05-11 at 10.23.59](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/1X/17b0a9ca703ee804fe0f4e218b6d9f5af403a3a3.png)

The second error happens because you are looking for the default active class instead of your custom `active-option` class, also it seems the active class is only applied to the filters so be sure to only select the filters option this should clear the third error.

The last error is caused by selecting a specific clear button ie. one dedicated button that only clears tracks options, and one that only clears types. But you do not have this option in your filters. Unchecking this field in the tool should clear this error.

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 14, 2023, 11:58pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/8 "2023-05-14T23:58:11Z")

</div>

Hi Lui, thanks again for your reply. I have managed to solve most of the problems. Though for some reason my Active is no longer working. When an item is active it works but when I select another item/option the new selection is active but also the first selection stays active. Why is this?

Thanks again for your help,  
Eugene

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 15, 2023, 7:59pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/9 "2023-05-15T19:59:48Z")

</div>

@Mica can you create a stand-alone `is-active` class? I’ve seen this works best for active classes

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 15, 2023, 10:19pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/10 "2023-05-15T22:19:53Z")

</div>

Hi there, how do I do this? I thought I already was. Thanks.

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 15, 2023, 10:30pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/11 "2023-05-15T22:30:05Z")

</div>

I can only see your `Is Active` class as a combo, searching for a class named `active` does not return any result in your project

 ![Screen Shot 2023-05-15 at 16.27.07](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/1X/f28f26186a0095998a27c9b8079347866b900e60.png)

To create the stand-alone class you can copy the `Track Option` class

 ![Screen Shot 2023-05-15 at 16.23.23](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/1X/7b54c3c0f3fad93dd9bff04bd1ef2f6d25feb0fd.jpeg)

Rename it to something like `filter-is-active` and change the opacity to 100%, which I saw was the only change from the `Is Active` combo class from earlier.

 ![Screen Shot 2023-05-15 at 16.23.41](https://europe1.discourse-cdn.com/flex013/uploads/finsweet1/original/1X/67abe120da957acb2902f0765b60ee7b1502156d.jpeg)

---

<div class="post-metadata">

**Author:** ![Mica](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/mica/32/178_2.png) [@Mica](https://forum.finsweet.com/u/Mica)\
**Post date:** [May 15, 2023, 11:25pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/12 "2023-05-15T23:25:18Z")

</div>

Hi again, I am not sure what I have done though I am pretty sure I have done what you said and it is still acting the same way. I am not sure what to do.

Thanks,  
Eugene

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 15, 2023, 11:34pm UTC](https://forum.finsweet.com/t/attributes-filter-problem/547/13 "2023-05-15T23:34:21Z")

</div>

I’ll dm you 🙂
