3fingers

Hi, you can use PurgeCss for this, you'll need to install postcss and follow some steps in order to make it function. Take a look at this post, you can have an idea on how purgecss works, even if you are not interested in using tailwindcss. I don't think there is something similar for javascript, rather than minification. You'll need to understand which elements rely on which js and then remove the useless parts by hand.

Hi had the same problem on my localhost but then I manage to solve it installing an ssl certificate to have https by default, otherwise I got 403 to every endpoint.

Nice site! That's what I call a mobile first approach! 🤣 On my 27" monitor that hamburger icon is HUGE! I'd expected the same size also for the close button as well 🙂

In the gist the naming of the main css file is different (kickstart.pcss rather than main.css, the .pcss extension is optional) because at the time of the recording I had already made my previous guide, in which I've used that naming convention, so I prefer not to change it. Feel free to name your files however you want, just remember to reflect those changes inside the "scripts" object inside package.json.

I've just recoded a brief video where I've tried to explain how to install tailwind inside Processwire ( really badly spoken 😆 , so be kind...) Moreover I've updated the gist here to reflect the changes I've made since the last time I've written the guide above. There you have it:

@fruid I agree with you that at first it looks complicated, mainly because it need a compilation step which has to be handled in some way. Nowadays is quite common to rely on tools like webpack, rollup, parcel, vite, etc.. to handle some activities like compilation, minification, bundling, etc. Postcss is mainly just one of them, but specifically intended to work with with css. Once you grasp the few key steps to install it and how to purge your css efficiently I guarantee you will see the benefits at your disposal (mainly speed of layout blocking and very low css file sizes). If someone it's interested I can make a video where I can explain all the install steps in further details.

Thanks @MoritzLost now I got it, you've clarified my doubts. So many things to learn 🙂 I'll bookmark this thread for reference in the future 🙂

I think you have a typo where you check for instances (all of them, here just one for brevity): if ($value instanceof Pageimage) // Shouldn't be $type insted of $value? and $type could be reached also like this? (as seen here) $type = $value->type; // where $value is the variable you previously created

Hello @bernhard, playing around a bit with your example I came up with: https://codepen.io/3fingers/pen/dyNdvyx Note I uncommented line 63 on my example, which looks like the culprit for the blank result, so there is something related to time values I didn't figured out (even though I've tried different formats).

Currently I don't think it's possibile with just one select field because options for language A must match options for language B (and so on...). As far as I know you then need to select field (or page field) for what you are looking for.

Thanks @gebeer, I've used repeaters (and repeater matrix) a ton and never looked at their corrispettive pages. Now it all makes sense. Great explanations by the way, kudos! 🙏

@gebeer Where does 'template=repeater_repeater' comes from?

From @bernhard suggestion: One key thing I missed the first time I read Tabulator docs: So I can use that further data (unused for presentational purpose) to filter various columns because it is effectively present and coupled with every row. Does it sound correct? 🙂

For a project I'm close to start I'm evaluating the use of Tabulator or DataTables to make a custom filtered table like the one you can see here. The example shows four custom dropdown that act upon custom data, filtering it via data-attributes stored on the table rows in this case. Both plugins don't offer natively this kind of functionality. @bernhard I know you have played a lot with Tabulator, releasing also a module based on it, but as far as I can tell you didn't implemented anything like that, but maybe you (or someone else, of course) could give me some pointers 🙂 Thanks, as usual.

There are different ways to accomplish this, as usual. The first coming to my mind right now is to use: Basically you should have two page reference fields, one for each group of editors (eg. us_editors, gb_editors, etc.). Those page reference should point to the corresponding branch inside the page tree: - Us Editors // page reference -> us_editors -- editor #1 -- editor #2 -- ... - Gb Editors // page reference -> gb_editors -- editor #1 -- editor #2 -- ... Then you might want to use a custom selector (custom selector option of the module linked above) based on your language to show only the correct page reference field. Eg: $user->language->id = 1234 // The id of the language the page field might be shown //OR $user->language->name = 'GB' // Or whatever the name you have choosen Then in your template file you can work with the editors whom belong to the current user language $editors = ($user->language->name == 'US') ? $page->us_editors : $page->gb_editors; This method will fail shortly if you plan to have more than two languages. Another, and probably more reliable, method is to use a hook on page creation and populate a single page reference with the values you need.