This example shows how to use select form element for control Filtering and Sorting of your Dynamic collection. (This is probably the most simple example 🙂)
Required structure of the Dynamic Item and process of applying classes were described in the Filtering CMS Content tutorial.
After container with Dynamic Items was created and all necessary classes (for filtering and sorting) were applied start building Controls inside the Form.
Similar to all previous examples, first we will define our container, and controls (part #1).
Then bind a 'change' event handler to our select elements, and interact with the mixer via its .filter() (part #2) and .sort() (part #3) API methods.
This example above is fully functional, feel free to try Filtering or Sorting.
Now we will include link to the MixitUp library and all our code snippets <script> tags before the closing </body> tag into the page custom code area.
Full code for his example will look like this: