Tiles Image Gallery

theme-component

(Admir Hodzic) #32

Thanks a lot.
I did install theme and I get grid button.
But I can’t, see titles component.
There is no thmene component in editor also there is no titles componet in admin


image


(Denis Heraud) #33

@adopilot You know you have to click that checkbox that says “Theme includes other child themes” before you can select a Theme Component, yes?


(Admir Hodzic) #34

image
Do not know why , But I do not see custom components.
I’ll try rebuild app and see will it show


(Denis Heraud) #35

Do you see them up on the left side? Can you choose them as themes?


(François Douville) #36

This is what happens when I use the plugin. The theme is up to date.


(Joe) #37

@adopilot

Just because you said you’re going to rebuild the app, I’m guessing you installed this theme like you install plugins. It won’t work that way.

To install a theme you need to follow this guide:
How do I install a Theme or Theme Component?


@Francois_Douville

Can you upload the same images here so I can test please? :sunflower:


(François Douville) #38

No problem!

Images

poulailler%205

poulailler%204


(Joe) #39

Thank you for uploading the images @Francois_Douville :sunflower:

The problem here is still the same.

It’s a combination the size of the images you’re using and your Discourse settings.

If an image is not big enough (height and/or width) to exceed the default settings in your Discourse install, no lightbox view will be created for it.

The default settings look like this:

What this means is - unless you change the default settings

If an image has a width that exceeds 690px, a lightbox view will be created for it.

and…

If an image has a height of 500px or more, a lightbox will be created for it.

Images smaller than that will not have any lightbox views created for them.

Tiles and Slick only work for images that have lightboxes (read: large images)

So you have two options to make this work.

  • Decrease the height / width settings in your Discourse install, so that smaller images also get lightboxes

  • Or use larger images


Slick Image Gallery
(François Douville) #40

Perfect, I understand now!! I decreased to have smaller images to get lightboxes!


(Joe) #41

Great!

But please note that decreasing the size in the setting also limits max-size for image in posts.

For example,

If you set the max width to 300px, images larger than 300px will get lightboxes but at the same time, the max width for image in posts will be 300px regardless of whether you use Tiles / Slick or not.


(François Douville) #42

Yeah I understand. I set it to 590px width and 400px height

But what’s the bad thing about lightbox?


(Adrianbblk) #43

Hi, That’s amazing but I think we need multi files uploader now :slight_smile:


(Joe) #44

There’s nothing bad about lightboxes here. What you want to avoid is having small images in a grid that you cannot enlarge.

Here’s an example:

These are two of your images that are not big enough to have lighboxes by default in Discourse.

poulailler%205

poulailler%204

Without putting them in a grid, they look ok and you can see everything, but if you add them to a Tiles grid

poulailler%205 poulailler%204 poulailler%205!

You can see that they’re not big enough to see all the details, and because no lightboxs are generated for them, you cannot enlarge the images by clicking on them.

Now, if you compare those to these other images (which are big enough for Discourse to create lightboxes for them)

You’ll notice that the images above are still small, but you can click on them and they will be enlarged in a lightbox view.

That’s why Tiles ignore images that have no lightboxes. The assumption is that if you want to use images in a gallery, they’re probably large.


@adrianbblk

I’m not sure I follow, multi-file upload should already be possible. Use the native Discourse file uploader - which supports multi-file selection - and then highlight the code and click the gallery button. Check the op and let me know if you need more help.


#45

It took me a while to understand it myself, so I will post what I understood:

If you set the maximum thumbnail width & height to a quite small value, any image posted outside of a tiles / slick addon element will get resized to a quite small preview thumbnail and will only be visible in it’s normal size after clicking on it.

That might be considered a bad thing ™ because it requires every reader of posts with images to click on every image before he can see it in a reasonable size.


(T. H. Wright) #46

I have resolved all issues at this time. (Sorry it has taken so long to get back to you. I had the end of my semester and I was thoroughly swamped.) There were no errors in the logs.

The New Topic Button Theme resolved automagically.

I was only able to resolve the issues with Tiles by restoring to a brand new Discourse instance. I had also upgraded from Ubuntu 16.04 to 18.04 within the past 25 days. (The site is now also behind an Nginx reverse proxy.)

At first a restore in the new instance did not resolve the issue. I was getting the Lightboxes but no Tiles. I attempted rebaking all posts from the command line and lost all of the tested lightboxes that had been created.

I restored again and rebuilt a couple of posts manually and the lightboxes created and Tiles then worked as well.

I am guessing something must have been screwy in the the posts, possibly due to a rebake I had run before, but I am not sure ultimately what was happening. In the end, I attributed the fix to the restore of the website in a new install of discourse.


#47

Great theme component, my users love it

Question: Is there any way to set up a shortcode like [tile_gallery] ... [/tile_gallery]?
I see it as more user friendly compared to actual html tags.


(Joe) #48

Not at this time, no.


#49

My users are struggling with the tile image gallery.

Whenever a list of images has line breaks in between each, the gallery button puts multiple divs - one around every single image. Anybody else having that issue?


(Joe) #50

Yes, but that’s not how it’s supposed to work. If you upload a group of images together, then there’s no line-breaks between them. I will definitely look into ways to prevent this from happening, but the best thing I can recommend now is to create a tutorial topic on your site if your users are having such a big problem with it.

I pushed updates to Tiles / Slick, so, please update the themes.

The update ensures that they work with the image LazyLoad theme which I recommend you use if your posts contain a lot of images.

I removed one dependency from Tiles and also added a setting to change the composer icon in both Slick and Tiles:


Slick Image Gallery
#51

I think we can agree that desired user behavior often does not align with actual behavior. :slight_smile: