<layout:gallery>
</...>
A space-efficient and attractive way to present photo galleries, with image grid support and an integrated modal.
Content
images
May contain any number of <img> or <standard:image> elements.
Attributes
id
string
Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).
modalContent
string
Which content, if any, should trigger a modal overlay when clicked.
modalTheme
string
Which theme the gallery modal should adopt when revealed.
sizing
string
Responsive Items Per Row
The gallery will set the number of items on each row to a number within the provided range, attempting to choose the best number for the available space.
Example: a value of '4,6' tells the gallery to have between 4 and 6 items on each row, choosing the best number within that range according to the available space. A value of '4,4' tells the gallery that it can only have 4 items per row (if possible) at all times.
sizingtolerance
int
Gallery sizing tolerance
How much the sizing can be changed to allow for the most evenly distributed rows.
spacing
int
Gallery spacing
The amount of space between items in the gallery.