Masonry layouts are like a jigsaw puzzle. This layout attempts to create a layout that best fits the various sizes and shape of the items in the layout. The width of featured and non-featured items can be specified in the module settings as well as the gutter size.
Masonry
Masonry layouts are typically vertical grids rather than horizontal grids which means that the script will try to place the items evenly across the page rather than evenly down the page.
The example below shows a masonry layout using the default settings. The middle larger image is a featured item and takes approximately twice as much space in the layout as the non featured items.
Masonry with Overlay
This style adds a static overlay to all items in the layout.
Masonry with Animated Overlay
This style adds an animated overlay ot the item when the user hovers over any item in the layout.
Masonry with Overlay only on featured items
The overlay on featured items only option adds the title, text or any other elements specified in the item layout with an overlay effect only to featured items. Any non featured items are displayed as an image only.
Masonry with boxed styling
The masonry example below uses the built in boxed styling that can be applied to most of the Zentools layouts. The boxed styling targets all items other than the first item (in this case all items except for the image) and places in a padded box. The color of the box is easily specified in the module settings.
-
Considerato una delle sindromi più complesse e difficilmente gestibili dell’età evolutiva, il Distur...
-
UNA RISPOSTA EMPATICA E PRFESSIONALE ALLA PREOCCUPAZIONE DEI GENITORI
-
La Pasqua si avvicina e quale occasione migliore per sostenere le attività del Filo dalla Torre, con...
-
per questa Pasqua regala un nUovo Respiro,
finanzia il Progetto #RespirAutismo acquistando le uova...
-
Gli incontri, dopo una valutazione specifica, hanno come obiettivo quello di favorire l’acquisizione...
-
Tra pochissimi giorni partiremo per i Soggiorni Estivi.
-
L’idea di realizzare un progetto che trattasse il tema della sessualità all’interno del mondo dell’a...
-
Il 26 Marzo, presso l'hotel Savoy a Roma, si è svolto un corso sulle pratiche di rianimazione cardio...
-
Ringraziamo di Cuore “Gruppo Spalato” per la Donazione, il cui ricavato sarà utilizzato esclusivamen...
-
Domenica 14 e 21 Marzo 2021, avrà luogo il quinto incontro della Casa delle Autonomie, Il tema sarà ...
-
In questo periodo di emergenza Covid-19, continuano le nostre attività all’aperto, attività previste...
-
Presentiamo il nostro Progetto #RespirAutismo!
-
….nuova formula: Aperitivi!
-
Il Parent Training è uno dei contesti di intervento dell’approccio integrato nell’autismo, che conse...
-
Per questa Pasqua regala un uovo solidale Il Filo dalla Torre e sosterrai le attività con le quali a...
-
Sabato 19 Dicembre 2020, tre ragazzi dell’Associazione Il Filo dalla Torre APS, insieme al gruppo ...
-
Alcuni giorni fa è giunta presso la sede dell' Associazione la vostra donazione, un meraviglioso al...
-
L’autismo è un disturbo molto complesso ed è pervasivo in quanto coinvolge molteplici aree di svilup...
-
La necessità di individuare i fattori causali dell’autismo, legata alla grande complessità e varietà...
-
Realizzati da un consulente psicologo, l’intervento sulla consapevolezza di sé è rivolto ai ragazzi ...
-
Uno degli strumenti che consente di effettuare una diagnosi di Asperger è la “Scala Australiana dell...
-
Una delle ipotesi più recenti che potrebbe spiegare i meccanismi sottostanti i processi di imitazion...
-
Nell’ICD-10 (1995), corrispettivo europeo del DSM IV, vengono descritti “l’autismo atipico” e “la si...
-
Il DSM IV (1994) stabilisce, per l’attribuzione di una diagnosi di autismo, i seguenti criteri:
... -
Il DSM-IV inserisce tra i criteri diagnostici un esordio prima dei tre anni, che si esprime con rita...
-
L’Intervento Abilitativo Domiciliare, come quello scolastico, ha l'obiettivo di favorire un’integraz...
-
L’Associazione Il Filo dalla Torre ONLUS, da oltre venti anni, si occupa della presa in carico globa...
-
Condividiamo con voi l’avvio di un nuovo Progetto che l’Associazione Il Filo dalla Torre APS sta rea...
-
"Il Filo dal Canestro diventa “Arte in Comune”, grazie al Dipartimento Politiche Sociali e Salute de...
-
Domenica 11 e 18 Ottobre, si sono svolti in un clima di serenità i due primi incontri dell’anno dell...
-
da oggi è presente in sede il Sistema HADO che consente di avere in sede ACQUA IDROGENATA e cioè arr...
-
Il 2 Aprile si celebra, a livello internazionale, la Giornata Mondiale della Consapevolezza sull’Aut...
-
Venerdì 18 Dicembre 2020, in occasione del Natale, nell’ambito del Progetto Centro Diurno Spazio Ins...
-
Diversi studi (Schopler, Mesibov, Kunce, 1998) evidenziano che l'AS è molto più diffusa dell’autismo...
-
A livello epidemiologico, l’incidenza dell’autismo è stimata da 2 a 10 soggetti su 10.000, a seconda...
-
La diagnosi differenziale della Sindrome di Asperger richiede un’attenta valutazione, in modo da non...
-
La sindrome di Asperger è un grave disturbo dello sviluppo caratterizzato da difficoltà nelle intera...
-
LA GESTIONE DEL CONTENIMENTO E DEI COMPORTAMENTI NON COMPRENSIBILI
... -
20 e 21 Gennaio 2024
-
Dal 1997, l’Associazione Il Filo dalla Torre collabora con la ASL RM 2 (sia per quanto concerne il t...
-
L’approccio integrato nell’autismo prevede la realizzazione di un lavoro svolto nelle sedute familia...
-
Si tratta del primo progetto italiano di cohousing etico e solidale,
-
Quest’anno, per Natale realizziamo insieme qualcosa di speciale ed importante.
-
Riprende nella Gioia il progetto Casa per le Autonomie.
-
La sindrome di Asperger, a differenza dell’autismo, pur non essendo caratterizzata, in modo tipico, ...
-
Il Natale è vicino e non sai cosa regalare? Cerchi un regalo originale e solidale?
Abbiamo la rispo...
-
L'autismo rappresenta una delle più gravi manifestazioni che colpiscono il bambino, sin dai momenti ...
-
l giorno 17 Luglio 2020, alle ore 19:00 presso la sede sociale di via Tripolitania 151, è indetta,...
-
L’intervento sulla comunicazione è rivolto a tutti i bambini o ragazzi autistici che non hanno ancor...
-
Il Servizio Ambulatoriale offre un intervento abilitativo altamente specializzato e specifico per og...
-
La Riabilitazione Neuropsicomotoria ha l’obiettivo di favorire lo sviluppo motorio, cognitivo e comu...
-
Le abilità cognitive sono quelle capacità che ci permettono una corretta interpretazione ed integraz...
-
Ringraziamo di Cuore tutti i donatori che hanno contribuito alla Raccolta Fondi per il Progetto #Res...
Masonry with small items
This is an example of the masonry layout using custom values for the widths of the standard and featured items. In this case standard items have a width of 12% and featured items have a width of 25%. Custom widths are easily created by creating custom settings in the module parameters.
A note on using masonry layouts
The Zentools2 module provides a lot of control when it comes to rendering masonry layouts. It's important to note that you may experience inconsistent results depending on the values you supply for item widths and gutters.
The demo above (other than the small example) use the following width values:
- Item width: 24%
- Featured Item Width:49%
- Gutter Width:1%
- Bottom gutter: 4px
Masonry Settings
Options
The following options can be found in the options panel in the module settings.
Select a theme:
none / boxed / overlay / Featured Overlay / Animated Overlay
Make items equal height:
off / on
Theme
The following options can be found in the theme panel in the module settings
Item Collapse width
This setting specifies the browser width at which all items are given 100% width.
Item Width
This setting specifies the width of non-featured items in the layout. Use px or % values.
Featured Item Width
This setting specifies the width of the featured items in the layout. Use px or %.
Gutter width
This setting specifies the gutter between items in the layout. Use px or %.
Bottom gutter width
This item specifies the margin below items in the layout. Use px.