`<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.