Filtering results - Post ID 267867

User 473299 Photo


Registered User
144 posts

How can I filter results and show more or less images based on filter options? I would like to add filter options to this page www.qtouch.nl/therapeuten.html, so people can be selected by workshop or by provence.

Regards, Linda
User 2147646 Photo


Registered User
233 posts

User 473299 Photo


Registered User
144 posts

So I have now used a subgrid with images and paragraphs, but then I should convert it to a list style? I would prefer to keep it in RSD. Let's start puzzling ???? Thanx
User 2147646 Photo


Registered User
233 posts

You can use divs, once the classes are correct :)

User 473299 Photo


Registered User
144 posts

I didn't get it working yet. To test I made a html Element with the html code from the example.
I included the list.js at the bottom where bootstrap is also (I also tried it at the top).
But I don't know where to put the javascript, I tried in the head and in the bodysection with <script></script> around it, but nothing happens. I have very limited knowledge of Javascript.
User 2815606 Photo


Registered User
55 posts

I got this working (partially) by putting the following at the end of the body section of a page

<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.3.0/list.min.js"></script>
<script>
var options = {
valueNames: [ 'name', 'born' ]};
var userList = new List('users', options);
</script>

You will probably need to add some styling to the list.
Hope this helps.
User 332337 Photo


Registered User
120 posts

This is a great snippet - can anyone give the steps of where code needs to be placed to work within RSD. There are three components - HTML, CSS and JS.

Was going to use this for a list of departments and contact numbers.

Great find jamo! Thanks!
User 473299 Photo


Registered User
144 posts

Super David, this indeed makes it work, now I can go on! Thanx.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.