[rz] Masonry Filter *** UPD 2015-Aug-17 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Masonry Filter *** UPD 2015-Aug-17 ***

Post by [RZ] »

[rz] Masonry Filter v1.0.0.2

This extension -for the WB's Masonry object- allows you to filter which layers can be shown or hidden.

DEMO

HTML 4.01 Transitional
W3C compliant


* New in version 1.0.0.2:

- Fixed an inherited bug handling layers with borders.

* New in version 1.0.0.1:

- Optimized code.


How to use?

First things first: please read in full the masonry's documentation so as you can know how it works, also please take a look at the available samples.

1. Design your page according to the masonry scheme.
2. As you added 'class="item"' ('item' or the class/selector name you want), add the 'filter name' you want, i.e. 'music' and as many as you need for each element; so, you will have something like that: 'class="item media image"' and in other element can be 'class="item media music"' or 'class="item media video"' or 'class="item media image color"', etc... (without the single quotes.)
3. Add the masonry object and specify your desired .selector and #container.
4. Add the [rz] Masonry Filter extension and set-up the same #container and .selector as in the masonry wb's object, this way both extensions will be "shake their hands".
5. Add texts, shapes or any other object that accepts events, they will act as "filter buttons".
6. For each "filter button" -the object that accepts events-, open its properties dialog.
7. Go to the Events tab.
8. Click on "add..." button.
9. In the Add event dialog, select:
Event -> onclick
Action -> Javascript Function
Javascript -> MyMasonryFilter('filterstring')
10. Click on the OK button (twice) until the object's dialog is closed.
11. Remember to go to the step #6 until all of your links/events are defined.

Just replace MyMasonryFilter by the actual object (extension) id; the same for the quoted filterstring, enter the actual filter criterium such as 'video', 'image', etc. The function call may be: filter('image');
If you don't specify any filter, all of the objects will be shown. The function may be: filter();

Enjoy!
Last edited by [RZ] on Mon Aug 17, 2015 1:02 pm, edited 2 times in total.
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Masonry Filter

Post by zinc »

A very welcome addition RZ!!!! :)
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

thank you for your feedback!
User avatar
stamjoe
 
 
Posts: 230
Joined: Sat Feb 09, 2008 10:32 am
Location: GREECE

Re: Masonry Filter

Post by stamjoe »

Thanks RZ!!!
Its very usefull.
Joe
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

thanks for your feedback!
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

thanks for your feedback
(i don't know about this type of gallery)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

I do not have enough knowledge to do what it says in the manual.
Would I be able to get a demo project or if someone who is already using this extensions can help me to complete the page that I started?

My project is here: https://www.dropbox.com/s/pjlzytslnwqad ... y.zip?dl=0
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

please refer to the wb masonry documentation and/or sample files
the [rz] Masonry Filter is an add-on for the wb masonry extension
first you must know how to configure it and lastly this extension
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

So, I need WB Masonry extension?
I didn't know for that extension.
All this things are new to me.

Where I can find that extension?
I'm looking in extension manager but I can't find. :/
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

from the first post:
This extension -for the WB's Masonry object- allows you to filter which layers can be shown or hidden.
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

[RZ] wrote:from the first post:
This extension -for the WB's Masonry object- allows you to filter which layers can be shown or hidden.
Where I can find that extension?
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

afaik it is called jquery masonry, so you should find it in the j area
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

[RZ] wrote:afaik it is called jquery masonry, so you should find it in the j area
Yes! Thanks [rz]. Sorry fom missunderstanding. I don't know nothing about programing and my english is not so good, so manny times I miss things.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

:)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

Any chance to make manuals for all your extensions in PDF format, like other extensions that we install via the Extension Manager?
For me is difficult to understand manual without all the steps illustrated.
jQuery Masonry Extension I learned very fast with manual, and now I'm stuck on Masonry Filter. :/
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

instead of complaint about the file format, why you dont tell me which part is unclear for you from the following simple steps?

(from the info file)

How to use?

First things first: please read in full the masonry's documentation so as you can know how it works, also please take a look at the available samples.

1. Design your page according to the masonry scheme.
2. As you added 'class="item"' ('item' or the class/selector name you want), add the 'filter name' you want, i.e. 'music' and as many as you need for each element; so, you will have something like that: 'class="item media image"' and in other element can be 'class="item media music"' or 'class="item media video"' or 'class="item media image color"', etc... (without the single quotes.)
3. Add the masonry object and specify your desired .selector and #container.
4. Add the [rz] Masonry Filter extension and set-up the same #container and .selector as in the masonry wb's object, this way both extensions will be "shake their hands".
5. Add texts, shapes or any other object that accepts events, they will act as "filter buttons".
6. For each "filter button" -the object that accepts events-, open its properties dialog.
7. Go to the Events tab.
8. Click on "add..." button.
9. In the Add event dialog, select:
Event -> onclick
Action -> Javascript Function
Javascript -> MyMasonryFilter('filterstring')
10. Click on the OK button (twice) until the object's dialog is closed.
11. Remember to go to the step #6 until all of your links/events are defined.

Just replace MyMasonryFilter by the actual object (extension) id; the same for the quoted filterstring, enter the actual filter criterium such as 'video', 'image', etc. The function call may be: filter('image');
If you don't specify any filter, all of the objects will be shown. The function may be: filter();
andyp
 
 
Posts: 224
Joined: Fri Aug 08, 2014 8:56 am
Location: Brighton UK
Contact:

Re: Masonry Filter

Post by andyp »

With total respect... I dont actually think this was a complaint? I read it as a polite questions because there was a '?' and not a '!'

Well I didnt read it that way :wink:
Making mistakes....and still learning as I go along.. and very grateful to those who know far more than me... :)
http://www.apgraphx.co.uk
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

[RZ] wrote:instead of complaint about the file format, why you dont tell me which part is unclear for you from the following simple steps?
If you can add illustrations in txt format I will not complaint on format.
So this is not about format, this is about manuals quality.
Yours plagins are nice but manuals not.
Last edited by naftalina on Thu Mar 19, 2015 6:08 pm, edited 1 time in total.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

which part is unclear for you?
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

I am not sure why wont work. May be any step. If I had illustations (like other extension have) or demo project it would be much easier for me and for you.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

even the sample file does not work?
(i think a sample file may help even better than a screenshot)
have you followed the steps as described?
have you misspelled a class name, an object id or something like that?
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

I guess that I stuck here: Javascript -> MyMasonryFilter('filterstring')
This is my project: https://www.dropbox.com/s/pjlzytslnwqad ... y.zip?dl=0
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

even the sample project does not work?
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

[RZ] wrote:even the sample project does not work?
Where is the sample project?
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

This morning I tried Quicksand Extension. Very quickly I passed manual and all worked.
However this plugin does not work well by itself. Animation only works from ALL to CLASS and from CLASS to ALL.
Animation from CLASS to CLASS do not work. You can check here what I did with Quicksand: http://remix.com.hr/
So, your plugin is much better but Quicksand PDF manual is better to me.
This is feedback for you and I wish you'll think about it.
I have no programming knowledge and I use the WB because they say "Easy and Fun". It is not easy and fun if I can not understand manual. : /
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

the sample file should be within the zip file you received
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

[RZ] wrote:the sample file should be within the zip file you received
I don't have that file. I have just wbx and txt.
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

ok, in that case perhaps the sample file has been deleted accidentally
i will check this out and will send you the sample file to your e-mail as soon as i find it
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: Masonry Filter

Post by [RZ] »

the file has been sent
i checked this out and it works
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: Masonry Filter

Post by naftalina »

I recived sample project. Thanks :)
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Masonry Filter *** UPD 2015-Aug-17 ***

Post by [RZ] »

* New in version 1.0.0.2:

- Fixed an inherited bug handling layers with borders.

* New in version 1.0.0.1:

- Optimized code.
Wipe
 
 
Posts: 12
Joined: Thu Jul 11, 2013 8:42 pm

Re: [rz] Masonry Filter *** UPD 2015-Aug-17 ***

Post by Wipe »

Hey RZ,

Where can i find or Buy the Masonry Filter extension. I'm totaly lost, i can't find it.

I've already installed the JQuery Masonry extension with the Extension Manager.

Grtz Wipe
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Masonry Filter *** UPD 2015-Aug-17 ***

Post by [RZ] »

hello
you can buy it here: www.magnawebstudio.com/shop
upon payment, extensions are sent to your email
with kind regards,
Locked