User Tools

Site Tools


ce4_gallery_gridtype_freewall

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

ce4_gallery_gridtype_freewall [2014/10/07 07:59] (current)
matthew created
Line 1: Line 1:
 +====== Grid-type: Freewall (Masonry) ======
 +
 +Freewall encompasses two variations of Masonry-style layout. In a masonry layout, thumbnail cells need not be the same height; images will rearrange themselves to close unused space, like stones laid into a wall.
 +
 +Because masonry layouts are powered by Javascript, they do incur some addition overhead. In CE4 Gallery, galleries will always use the [[ce4_gallery_gridtype_standard|CE4 Standard]] layout in mobile browsers, ensuring best performance and a more user-friendly experience on small screen. Masonry layouts, when active, are only used for desktop browsers.
 +
 +To use these layouts, under the **Appearance** pane, set **Grid-type :desktop** as "​Freewall (Masonry)":​
 +
 +{{:​appearance:​freewall-options.png?​nolink|}}
 +
 +For **Layout**, select either "​Masonry,​ Elastic"​ or "​Masonry,​ Rigid":​
 +
 +**Masonry, Elastic** \\
 +Thumbnails expand, contract and reflow to best fill the full-width of the gallery container.
 +
 +**Masonry, Rigid** \\
 +Thumbnails maintain their size while the number of columns adapts to the viewport width.
 +
 +Customization options will vary slightly between the two layouts, though to a minimal degree. If you want to frame your thumbnails with thick borders, then use the Rigid layout.
 +
 +For best results, set your Thumbnail Height huge, then use the Thumbnail Width slider to constrain your thumbnails'​ size:
 +
 +{{::​thumbnailheighthuge.png?​nolink|}}
 +
 +If the thumbnails do not update size in Lightroom'​s preview, you can force the Web module to re-render the images by toggling Watermarks on and then off again, or vice versa.
 +
  
ce4_gallery_gridtype_freewall.txt ยท Last modified: 2014/10/07 07:59 by matthew

The Turning Gate
Creating webbly, wobbly, Lightroomy things since 2007.