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 15, 2022
7 Must Have Tools For Web Designers
January 29, 2022
5 Web Design Blogs You Should Be Reading
December 24, 2022
5 Great Web Design Resources
September 29, 2022
7 of the Best Examples of Beautiful Blog Design
January 9, 2022
7 Things About Web Design Your Boss Wants To Know
July 21, 2022
10 Great Examples of Responsive Websites
September 6, 2022
How to improve Web Design Process
December 19, 2022
The History Of Web Design