Fwd: Re: [Tiki-devel] Masonry - Isotope - or similar

-------- Forwarded Message --------

Subject: 	Re: [Tiki-devel] Masonry - Isotope - or similar
Date: 	Sat, 24 Mar 2018 21:52:32 +0800
From: 	Jonny Bradley <[email protected]>
Reply-To: 	Tiki developers <[email protected]>
To: 	Tiki developers <[email protected]>



Hi Torsten and all

I used it on a few sites recently, like https://londonfieldworks.com/Selected-Projects and http://jfw-photography.com/HomePage.

"All" you need is to add the tag to link in the javascript from their CDN in a custom html pref:

     <script src="https://npmcdn.com/[email protected]/dist/masonry.pkgd.min.js"></script>

and add then a spot of javascript something like

   $grid = $('.grid').masonry({
     itemSelector: 'a',
     columnWidth: 180,
     fitWidth: true
   });

and then mix in something in the wiki page to add the images

   {DIV(class="grid")}{img type="fgalId" fgalId="17" sort_mode="random" thumb="box" rel="box[g]" width="180" responsive="n"}{DIV}

Maybe finally throw in a splash of CSS too, to make it look pretty :)

(the LFW one is made with a list plugin from tracker items, but the same concept).

HTH

jb

p.s. Please do forward to the user list, don't think i'm on there sorry.

p.p.s. If it works for you and you can turn it in to a doc page with screenies etc even better! :)


> On 24 Mar 2018, at 19:39, Torsten Fabricius <[email protected]> wrote:
> 
> Hello friends,
> 
> did someone already implement Maisonry, Isotope or a similar tool on a Tiki website?
> 
> if yes, could you please give me some assistance to get that running in a Tiki 18 aswell?
> 
> I'd like either with manually created divs on a wiki page or with tracker items based on either wiki-template or tpl-file. Geting all options running would be helpful aswell and worth to be documented, but at least one option would be extremely helpful for me for use in one or to non-profit project and maybe on my private site aswell.
> 
> Thx in advance
> Torsten
> 
> 
> ------------------------------------------------------------------------------
> Check out the vibrant tech community on one of the world's most
> engaging tech sites, Slashdot.org! http://sdm.link/slashdot
> _______________________________________________
> TikiWiki-devel mailing list
> [email protected]
> https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel
> 


------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot
_______________________________________________
TikiWiki-devel mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-devel

------------------------------------------------------------------------------
Check out the vibrant tech community on one of the world's most
engaging tech sites, Slashdot.org! http://sdm.link/slashdot

_______________________________________________
TikiWiki-users mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/tikiwiki-users