Webflow cms filter Finsweet checkbox | Search field | Clear filter button | Item count

Learn how to efficiently filter and manage your Webflow CMS using the powerful Finsweet attributes feature. In this tutorial, I'll walk you through setting up a user-friendly search field, a convenient clear button, and display the item count for your CMS content.
finsweet url: finsweet.com/attributes/cms-f...

[@indrajitkuli5314]

Absolutely amazing content, precise and to the point, keep the videos commin❤❤

[@likhikaRoutray]

Thank you 🙏🙏🙏

[@meetwonka]

So cool! Could you help us clean up the all content CMS on our website?

[@carlwolf6549]

How do you get the checkboxes to look like buttons?

[@likhikaRoutray]

I have wrapped checkbox element in a div and style the div as button keeping height and width of checkbox 0px. Hope this helps!!

[@almatt7552]

@@likhikaRoutray How did you make it change color when selected?

[@likhikaRoutray]

@@almatt7552 Sure thing! You can assign the custom attribute "fs-cmsfilter-active" with a class identifier to the filter element (in this case, a checkbox label). Afterward, you can use the "class identifier" as a combo class for custom styling. If you have any other questions, I can record a quick Loom video to show you how it works!

[@JK-ws6qr]

can cms filter be applied using a dropdown?

[@likhikaRoutray]

Filter does work fine for the select fields just by adding the data attribute "fs-cmsfilter-field=IDENTIFIER" however, I am not sure if we can populate the select field items from the CMS list dynamically. Just to add, the filter works only for a single selection not for multiple selections in the dropdown. I hope I was able to answer, do let me know if you still have any queries.

[@JK-ws6qr]

@@likhikaRoutray Thank you for the reply. How do you mean single only? Only one field will work?

[@likhikaRoutray]

@@JK-ws6qr so we have an option for select field to allow multiple selection, which doesn't seem to work with Finsweet CMS filter setup. However I will dig a little dipper into this to find a solution. Also to populate select field values from CMS collection list you can refer to below article. finsweet.com/attributes/cms-select