Using external resource for filtering

Getting Started
1

Hello Hype!

I’m a interaction designer and really appreciated with what Hype provide especially,
when i’m making prototype for my project.

I have a question about the filtering element in Hype.
I already check the using tagsort.js in hype the only question is that filtering system works with showing common tags.
So, i found this external (bit more sophisticated)js plugin from resource library.

https://codyhouse.co/demo/content-filter/index.html

But it’s hard to use/embed in hype project in my knowledge yet.
It would be much appreciated if someone give me some step by step instruction how to use this code in Hype.

Thank you.
Have a nice day!

2

Hi,

It is not really clear what you want the filter to do.

But have a look at this thread

which is spawned from the tagsort idea

3

Hello Mark!

Thank you for your reply.
My question was bit ambiguous…/

That Filter Elements function works nice and i tried apply to my project,
yet there is something not quite matching with my design.

Which is what to filter and what to show on the result page.
Currently that Filter Elements works like this,

If there are 2 filter selected, the result show common tag included contents.
For instance,

Contents = 1 2 3 4 5 6 7 8 9 10
Filter odd numbers = 1 3 5 7 9
Filter even number = 2 4 6 8 10
Filter multiple of 5 = 5 10

Filter odd & multiple number of 5 = 5

What i want is,
Filter odd & multiple number of 5 = Odd are 1 3 7 9 , Multiple of 5 is 5
Filter even & multiple number of 4 = Even numbers are 2 6 10, Multiple of 4 is 4 8
So it’s Filter + Sorting.

And one more need feature is filter tags are placed in order on the top as breadcrumbs.

Like this image above.

Hope the description is clear now.

Thank you!

4

It may be easier for you to post your example… so we can see what you are doing…