We opted to reduce the minimum size for lightboxing; it seemed like a good portion of those who used it were using slightly smaller or right at 400 x 300. THat worked nicely.
@Heather_Dudley How did you achieve that?
In the admin settings I could not find such a lightbox option to change the size.
It’s max image size and max image height - if you search for max image it’ll find them both. Anything over that limit gets lightboxed.
Hey guys
does anyone else still have issues with images being outside the post “box”?
See for example here, some of the images are shifted to the right side and not visible
Hi am new to Discourse and am exploring what image galleries are available. Am using PhotoPost Gallery at the moment for a vBulletin forum. Are there any importers available for importing PhotoPost into Tiles? Tried to find this but only came across the following, and if I’m not mistaken the verdict back when the posts were discussed was to import as topics? Is this still the way to do this?
Thanks for the component.
It works OK, but I’m not getting the “static preview” as can be seen in your example.
The photos are highlighted using the line on the left, but they are not resized.
After reading all the posts above, I found that many users have the same problem as I am.
Both “Titles Image Gallery” and “Slick Image Gallery” destroy the post layout when users use image smaller than the site setting “Max image width & height” in the Gallery. I understand that discourse don’t generate “lightbox” for small images. So no complaint if users won’t able to click or enlarge those small images.
However, it is impossible to force all forum members to upload image larger than the site setting “Max image width & height” value. Most forum members don’t even understand what is call pixel and don’t know how to check image size. They just upload any image they got, just the same way they upload to other social media.
Here is an example, if the site Max. image setting is set to 690px for both Width and Height. When users upload four 680x680px images to gallery. The post show large empty space in the post (680 x 2720px).

I understand that making the gallery work for all image size may take time to develop. But at the moment, I think it is better for the Gallery to hide those illegal size images, so at least it won’t break layout of post. Because broken layout give a bad impression to users. Just my two cents. ![]()
When viewing in smartphone, the third image is missing.
There are total 4 images, I can view all in PC.
However, when viewing in smartphone the third image is missing.
From browser inspector, I can see the third image is place under the
“tiles-col–3”, which should not happening in small screen.
Because, css hide (display:none) “tiles-col–3” in small screen, which make image in column 3 missing.
Just want to say thanks for this TC. It complements a project I’m working on very well. Good work. 
Why can’t images be displayed if they are smaller than max?
I’m experiencing the same issues as @lhkjacky describes.
Thank you @Heddson for creating a new TC to fix the problem of Tiles Image Gallery. ![]()
Masonry Image Gallery:
I have replaced “Tiles Image Gallery” by “Masonry Image Gallery”.
Now, adding small images in Gallery won’t break the layout of the post. ![]()
¡Hemos estado usando Tile y Slick durante un par de años y a nuestra comunidad les gustan mucho ambos! ![]()
Recientemente actualizamos nuestro foro a Discourse 3.0 y ambos comenzaron a comportarse un poco de forma extraña. No creo que sea por nuestra configuración particular, ya que usamos el tema predeterminado con personalizaciones CSS básicas y solo comenzó a suceder después de la actualización.
El problema con Slick es que un par de imágenes adicionales aparecen fuera del carrusel y, debajo, hay varias filas de puntos clickables. Esto debería explicarlo mejor:
En cuanto al de cuadrícula, la peculiaridad es que una pequeña porción de una imagen adicional aparece a la derecha de la cuadrícula:
En el móvil, la imagen cortada es más ancha, pero sigue cortada:
Estaré encantado de enviar un mensaje privado con enlaces a un foro en vivo donde esto está sucediendo.
¿Alguien más está experimentando esto?
Uso Discourse 3.0.1 beta2.
La vista previa no muestra una vista previa estática:
Sin embargo, la publicación sí muestra las 8 imágenes correctamente:
¿Cuántas imágenes tienes en tu galería? ¿Tienes imágenes con una relación de aspecto de ancho/alto peculiar?
El problema es, de hecho, el número de imágenes: cuando la galería tiene más imágenes que espacio para mostrar las viñetas de imagen, parece romperse de una manera extraña desde Discourse 3.0.
Aquí está el límite hasta el cual todo funciona bien y las viñetas se muestran debajo de la imagen:
Aquí está la misma galería con solo una imagen más:
Todas las viñetas se movieron hacia arriba y se muestran sobre la foto: es un poco difícil verlas con el fondo negro, pero puedes ver al menos una a la izquierda (se vuelven más notables al pasar el cursor), con la adicional que se muestra en la parte inferior.
Anteriormente, al tener muchas imágenes, las viñetas se apilaban en filas debajo de la galería.
Posiblemente relacionado, algunas galerías (también grandes), pero no todas, también se rompieron un poco después de la actualización a Discourse 3.0:
No está claro si esto se debe a la desalineación de las viñetas. Mirando el html, entre ul.slick-list y button.slick-next.slick-arrow hay docenas de <br> con las dos imágenes perdidas entre ellas.
Este componente temático está obsoleto, debes usar la nueva función integrada presentada aquí:
¿Hay una fecha de fin de vida útil para este componente temático? Estamos intentando priorizar el cambio a la nueva función.
¿Creo que este componente ya podría estar roto? ¿Todavía funciona bien en tu sitio?
[Aviso de administrador] Uno de sus temas o complementos necesita actualizarse para ser compatible con los próximos cambios principales de Discourse. (id:discourse.fontawesome-6-upgrade) Tema identificado: ‘Tiles - Gallery Component’.
Es un componente obsoleto, sin embargo.













