How to filter listings by multiple categories?

[Adithya1243]

Hi.

I have created a grid listing and noticed that my content are filtered using only 1 category at a time. While this is great, I couldn't find much documentation on how to filter content using multiple categories.

For example, there are 5 posts each with the following categories ( git, docker, tensorflow, rstudio, sql). Usually I would be able to filter posts by selecting any one of them. But I want to select 2 categories at once, so that I would see 2 posts.

Can anyone please help?

[gdurif]

Hello,
With filter_ui: true in the listing options, the filtering also search in the categories, so typing "git docker" will behave as if you were selecting both categories.
That is a bit of a workaround but it works.
Best

[ginatheducky]

Hi,

did you find a solution? While the one gdurif provided works, it is not very intuitive. It would be much better to be able to select two categories as you wrote...

Best regards

[Adithya1243]

Hi, I didn't find anything useful in Quarto. I had to write my custom CSS, Javascript code for the multi select functionality.

…

On Fri, 7 Jul 2023 at 09:09, redrubycorn ***@***.***> wrote: Hi, did you find a solution? While the one gdurif provided works, it is not very intuitive. It would be much better to be able to select two categories as you wrote... Best regards — Reply to this email directly, view it on GitHub <#4270 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AGNGJILP2SJEJTCORXQSXE3XPADB5ANCNFSM6AAAAAAUUXY62A> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[ginatheducky]

cool, would you be willing to share the code? :-)

[haxfn]

Should I create a new discussion about this? @mcanouil ?

[haxfn]

something like this is important for my use case.

[mcanouil]

No, as the only solution is to write your own piece of code to do that.

[andrewpbray]

I also ran into the need for the feature. @Adithya1243 if you'd be willing to share your code, that'd be great, otherwise I can work on writing this an packaging it into an extension.

[mcanouil]

I actually have a small modification of the original quarto listing javascript for this.
I'll submit a PR to the team soon, once I have something that does not break the "all" selection part.

Screen.Recording.2025-05-02.at.18.45.11.mov

[mcanouil]

Here is the draft:

• feat: enhance category selection and filtering with multiple selection #12667

The easiest way to try it out is to take quarto-listing.js and use post-render script to replace the one from Quarto in your project, i.e., _site/site_libs/quarto-listing/quarto-listing.js.

[andrewpbray]

Hey this looks great!