Tiles Image Gallery

Still can not make this work

highlight , click and no go

meanwhile same action, same thread, different post, perfect results

Can I get some interest in helping to figure out the issue please.

1 Like

All of your images need to be large enough to trigger the image resize routine in Discourse or the component won’t work. As @Heather_Dudley points out above, you can find the size that will trigger the resize routine in your settings:


That maybe but he seems to be having a different issue as he mentions he creates a post later in same thread I believe with same pics and it works. @Full30?

1 Like

Chris I hope you make it on the Discourse Team at some point :+1:

When I look at the sizes of both the working and non working posts none of them look like they should work

Non working


My settings


Or so it seems,
I happened by chance to notice when hovering they read different

I isolated this one which reads one way in the editor

hovering after posted shows it is larger than my settings


Why this is IDK but it looks like size is the issue

Again, your response is greatly appreciated,

Thank you!

1 Like

Hmmm, why doesn’t it tile? Human Origins Workshop With Reasons to Believe (January 2020) - Peaceful Science

EDIT: I see. It all has to be on ONE line.

We are seeing this error in console on our site:

`decorateCooked` should be supplied with an `id` option to avoid memory leaks
1 Like

I have the following issue:

The images end up not in the div columns, but in a paragraph after the div tiles tag:

I have tested latest version and the auto tiles github branch. Both have that issue.

All the images in that topic you linked to are 400x300 so, they’re not large enough to be processed as embedded lightboxed images. There’s plans for this component work on all images (regardless of their size) but I have no ETA for that.

For now, your best bet is to use larger images.


The ability for it to work with all image sizes would be awesome.

A question: Is it possible to specify in what order the images should appear when I press the arrow in lightbox? I would like them to appear in the same order as I list them in the <div data-theme-tiles="1"> </div>. Now they appear in another order. All my images have the same dimension and size.

I suspect thought that the order is handled by lightbox…

1 Like

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.

1 Like

@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. :thinking:


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. :clap:

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. :smiling_face_with_three_hearts:

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. :partying_face: