Challenge #3: Finsweet Filter

Back to overview

Implement filter and pagination with Finsweet Attributes.


Criteria:

1. Add following filter in the existing c-form-filter-wrapper:

  • Search filter limited to card title field
  • Radio Buttons for Categories (Category 1, Category 2, Category 3)


2. Hide all CMS items from the CMS List that have the switch set to “yes”.

3. Add an empty state

4. Add a dynamic counter, that shows the number of found items.

5. Change the date format to a german format (e.g. from 5th of April 2022 to 05.04.2022)

6. Add Finsweet pagination

Filter:
0 items found.
January 9, 2022
Designers Who Changed the Web
February 15, 2023
5 Principles Of Effective Web Design
October 25, 2021
14 Common Misconceptions About Web Design
February 15, 2023
10 Things Nobody Told You About Being a Web Designer
June 14, 2021
7 Ways To Improve Website Usability And Accessibility
July 24, 2022
10 Quick Tips About Blogging
August 26, 2022
10 Web Design Blogs You Can't Miss
September 21, 2021
15 Best Blogs To Follow About Web Design