The discussion revolves around the deprecated Tiles Image Gallery theme component, which has been superseded by Discourse’s built-in image grids feature introduced here. The component, developed by Johani, uses Masonry and ImagesLoaded libraries to create responsive tiled image galleries in posts, with a composer button for easy use Johani. It supports both Slick and Tiles components simultaneously when integrated into a single theme Johani. The component has undergone several updates, including a major overhaul reducing its size and improving performance by switching to Colcade.js and inlining scripts Johani. Users have reported issues such as galleries not working with small images, which is due to Discourse’s default lightbox settings requiring images to exceed certain dimensions Johani. Solutions include adjusting Discourse settings or using CSS to force lightboxes on smaller images Johani. An experimental branch, auto-tiles, allows automatic gallery generation based on category and image count, but it lacks a proper composer preview Johani. The component has also been updated to support Discourse’s new fuzzy image loading and fix icon issues Johani. Users have raised concerns about the component’s functionality with the latest Discourse versions, and the author has confirmed that the issue is resolved in recent updates Johani. The component is now deprecated, and users are encouraged to use the built-in image grid feature Canapin.
This theme component also maintains the default Discourse lighbox behavior, this means that clicking any of the images will open them in the native lightbox viewer.
That’s a very good point @kaefert thank you for bringing it up
I will edit both the Slick and Tiles topics and clarify what I meant.
In the meantime, to answer your question:
Tile and Slick act independently. What I meant to say here:
is that there is no conflict between Tiles and Slick. If you want to use both Tiles and Slick at the same time, you can! You just have to install both of them, separately.
If you install both of the same time, you get something like this in the composer:
The problem I have about activating both at the same time is that I only can set one as default in the admin settings, and can only select one of them in the user settings.
Can you share a little bit more details? The reason why I’m asking is because that looks like a onebox. This theme component only applies styles to images within very specific structure like so
.tiles-initialized {
// all styles are applied here
}
So it should not have any effect on oneboxes at all.
Does the issue still occur if you disable the the theme temporarily?
1- The Facebook onebox plugin is not supported anymore, you don’t need it.
2- No, there should not be any conflict between the two. Tiles only targets specific images but you have to use the button in the composer to make it work
My guess is that subsequent commits to Discourse addressed the issue.
Are you still facing the same problem?
Even better news is that I tinkered a little bit with both Slick and Tiles and they now have much more targeted firing methods that will only fire when needed. Credit here goes to @vinothkannans for the awesome tip.
So if you’re using either Slick or Tiles or both, please update now and let me know if the problem is still there, or if there are any other issues that need to be addressed.
This component is deprecated. Discourse now has a built-in tiled gallery feature:
