Same filtering UX with podcast template

[aweb]

Beginner here.
I am learning from the podast page template and want to create a similar feed of items, with filtering labels. I have created the data table for content items, with an attribute genre_id (one to one relationship), then i got stuck in modifying the workflow/ display that’s already in place in the template.

(i was not allowed to post more than 1 picture to illustrate the question…)

^ this is the display formula of tag (displayed items). I dont know how it works with the filter labels, anyway, I saw that in the template it was using a lookuparray function, but my db doesnt have an array for genre (since its one to one relationship), so I changed it this way.

Also I found the UI of weweb quite difficult to understand for newbies in low code development. Can anyone suggest a good and COMPLETE follow-through video? The youtube videos/ academy are mostly scattered around topics and its hard for us to learn the whole production workflow.

Quite frustrated now, any help would be appreciated

[jptrinh]

Hi @aweb! Welcome

The way the filtering is working is that on the collection, there is a filter applied.

This filters the podcasts by comparing there category_id (array) of the global variable filter.
In your case, it would be an equal comparison.

When clicking on the filters, there is workflow that add/remove the category id from the filter variable.

The prop Tags on the podcast-card component was just to display the categories.

I hope that make it a bit clearer

Thank you for your feedbacks! I’ve recently made the CRM template build-guide that goes into how it was built.
Also we are planning on doing full live-build very soon!