Fs-cmsfiltertype date with webflow custom element

Hey there, I am not able to get the fs-cmsfilter-type date filter to work on dropdown date selection as per image. The date selection has been set up by custom element input date field.

I have also set it up on “start date” filter to test and it works but really need it to work on dropdown date selection.

fs-cmsfilter-type

hey @uttara.merchant! You are missing the fs-cmsfilter-type=date attribute on all fields with the fs-cmsfilter-field=date identifier.

You can see it working here

Thanks Luis! Please may you share a larger screen shot / steps of where exactly the fiters go. I can’t see the text of the start of the red arrows, its all new for me so would appreciate a little more hand holding!

Hey @uttara.merchant! Sure! Basically, you need to add the fs-cmsfilter-type="date" attribute to all of the elements that should filter/be filtered by the date filter.

The text at the beginning of the arrows, from my previous screenshot, is not important it is just from my inspector panel :sweat_smile:

These elements would be:

  • The date input element with the classes input fs-cmsfilter_active
  • The checkbox labels inside the start date drop down
  • The date text element inside your collection list, which is inside a hidden div

If you need more help please share a read-only link and I can walk you through the steps!

Let me know how it goes :wink:

Hey @uttara.merchant! I’m afraid I do not see the attribute added to the fields. Hopefully, the images below help

1 Like

Ok Perfect i got it to work! Thank you Luis

1 Like