Configuring of Image Gallery is a part of File Uploader configuration.
To change a gallery template use the gallery
preset. It has the same keys as other presets plus:
templateGallery
: stringDefault value:
"<div style='display: flex;flex-wrap: wrap;background-color:#EEE;padding:7px'>{ITEMS}</div>"
Specifies a gallery template. Note the
{ITEMS}
fragment - this is where the set of images rendered using the template
key is inserted.template
: stringDefault value:
"<a style='background-color:white;margin:3px;border:1px solid #DDD;display:flex' rel='lightbox' href='{URL}'><img style='outline:none;padding:0;margin:0' src='{PREVIEW_URL}'/></a>"
The already existing key in File Uploader is responsible for rendering of every individual image.
Other preset keys remained the same, for example, you can change the default width and height of the preview or the original using imageOptionsFull and imageOptionsPreview and so on.