Masonry Image Gallery

[Heddson]

Ha ha . But great that you solved it!

[kinetiksoft]

Hi @Heddson,

I’d like to second this request. Sometimes we have lots of images posted in one post and grid/masonry is not the best option for our forum. Is it possible to re-do the slick gallery component with the features you have in Masonry TC?

As I see, Masonry Image Gallery doesn’t play fine with Slick gallery TC as the images in slick gallery start showing as small thumbnails. Seems like Masontry component gets mixed into Slick component somehow.

Here’s an example of Slick vs Masonry theme components conflict:

[Heddson]

Hey! Haven’t had time to look at Slick TC, but will try do it.

[jrgong]

Hey @Heddson

Currently there is a setting auto enabled categories to enable automatic Masonry Gallery in specific categories.
Could you add a similar setting such as auto disabled categories to disable automatic Masonry Gallery in specific categories? Happy to pay for the feature

[jrgong]

Is anyone else having an issue with the auto feature and empty lines in between images? Whenever there is an empty line, masonry gallery is not generated.

[Jagster (Jakke Lehtonen)]

It has been that way a longer time now. I reckoned it just be that way, and it is not a bug

[jrgong]

Well, when apply the div tag manually, the issue doesn’t appear and masonry gallery is triggered despite the empty lines inbetween images.

[Jagster (Jakke Lehtonen)]

Then it is a bug. Kind of.

[Heddson]

It’s not a bug, it’s by design.

@Heddson

It’s possible to specify categories and also set the minimum number of images required (without any other element or empty line between them) for a gallery to be automatically created.

The reasoning behind it was so you could force an image not to be part of the gallery (by adding an empty line). One situation could be in order to do something like this:

by adding:

![01|690x458](upload://7zW2bd5OUeGIz0oJoTcFvdiNfEc.jpeg) 

![02|333x500](upload://w6STfJO5Ie5MyIRC02ZFhXtmk1z.jpeg)
![03|397x500](upload://zwhs49h2t24IAOhSgmaDQa0PIEI.jpeg) 
![04|333x500](upload://islRhKn7yHfrg3N5CV6ZhPQfQP7.jpeg)

Anyways. I get that it’s perhaps not always the way you want it to behave, so I will add a setting to ignore empty lines.

@jrgong

Hey @Heddson

Currently there is a setting auto enabled categories to enable automatic Masonry Gallery in specific categories.
Could you add a similar setting such as auto disabled categories to disable automatic Masonry Gallery in specific categories? Happy to pay for the feature

That shouldn’t be to difficult to add, so I will add a setting for that as well.

@kinetiksoft

As I see, Masonry Image Gallery doesn’t play fine with Slick gallery TC as the images in slick gallery start showing as small thumbnails. Seems like Masontry component gets mixed into Slick component somehow.

Here’s an example of Slick vs Masonry theme components conflict:

Unfortunately I wasn’t able to reproduce your issue with Slick and Masonry.

Regarding Slick. I looked into it and it doesn’t seem to be possible to rewrite it the way I did with this TC. So that won’t happen any time soon (unfortunately).

[Jagster (Jakke Lehtonen)]

I just did rebuild and now I get this:

Any ideas?

[Heddson]

Hmm, that’s strange. I didn’t do anything to the repo… Do you still get the error if you reinstall Masonry? Will check if I get the same issue on my own forum.

[Jagster (Jakke Lehtonen)]

Error 500 when I’m trying to install it.

Sounds like an issue of Discourse. You are using GitLab instead of GitHub — can that be the problem now? Because it came after rebuilding to 2.9.0beta11 (208d22cfc2).

[Heddson]

A temporary fix (to get it working) could be to download the zip from gitlab and install it manually in discourse.

[Jagster (Jakke Lehtonen)]

Yeah, I know. I actually did it right after that error 500
That went without issues, of course.

[Heddson]

I’ve updated the component with settings for allowing empty lines between images and disabling categories (both for creating galleries automatically).

Don’t think that the GitLab bug has been fixed yet. So if you already updated Discourse, you probably need to get the zip from GitLab.

[jrgong]

@Heddson

I’ve updated the component with settings for allowing empty lines between images and disabling categories (both for creating galleries automatically).

Tested it on beta11, works like a charm!

[piffy]

Just wanted to say my community loves this component. Many of our topics are image-heavy and it takes the reading experience from painful to pleasant. So thank you!

[Aizada_M]

Hello. This component does not work for a published page. Can this be configured somehow?

[Heddson]

Yeah, it’s not possible to use it on published pages. Published pages does unfortunately not seem to run javascript (from theme components).

[Aizada_M]

I think developers should think about this issue. If there is a page publishing function, then for its full use it would be worth making appropriate additions to the forum code. Or are you saying it’s absolutely impossible?