New gallery layout - The Grid

Community
1

You can now select multiple images in a post to create a grid gallery. For example see this topic which I have turned into a grid.

image
image766Ă—795 97.5 KB

How to create a Grid Gallery?

  1. Choose right format of the photo for upload - Please follow: 🎬 Guidelines for Photo Upload

:mega: Save our storage space! Choose wisely and don’t upload two similar photos

  1. Upload your photos so you can see the code with the photo attachment in the composer. In the preview pane (on the right of the composer) the photo preview will appear.

  2. Clicking the grid button at the bottom left of the first image in the preview panel of the editor, near its name/title.

    image
    image1122Ă—698 69.5 KB

:wrench: If you prefer to do the formatting manually, wrap all images in [grid] tags. You need to ensure that the tag will be on the line itself. Like this:

[grid]
... 
[/grid]

And you are done…

37 Likes
2

Well done bro, should save on bandwidth also!

3 Likes
3

Actually the thumbnails are sent in the very same quality as the standard thumbnails (that occupy width of the post body), so there is no saving. It has the advantage of being able to pinch in / zoom the photo on touchscreens…

15 Likes
4

We can also just run our plants, build a file, and make a one page thread. This way you just wheel in a couple of times during the year. It should save a lot of bandwidth. Great idea!!

3 Likes
5

Hmm it’s a great concept and I love that you’re iterating new stuff, but I’m not seeing the grid layout on the thread linked above. Is there something that viewers need to do on their end to enable that layout?

Firefox latest, Win 10 64bit, a few adblocking and anti-tracking extensions, but that shouldn’t impact javascripted stuff as long as I have the site whitelisted, right?

2 Likes
6

You need to hard reload the page w/ clearing the cache… preferably close the window or kill the app or try incognito mode.

3 Likes
7

That worked. :+1: Thanks!

Grid layout looks good. It’ll be fun to figure out how to use it most effectively without overloading the user with too many similar pics.

As a suggestion, I’d also like to see the site use more of the available space on a page. Currently there’s a ton of unused space / padding between all the various components of each post and the navigation and everything else that I’d love to have the option to minimize or turn off. For instance, this post only takes up half of the usable space on the page:

image
image1920Ă—600 60.8 KB

And that’s just too inefficient for browsing sometimes.

6 Likes
8

need to try this :slight_smile: as I like to post photos

3 Likes
9

Whoa, there’s a night setting!? I can’t find it.

3 Likes
10

Thanks for doing my thread @LemonadeJoe it looks awesome. I tried to do it myself for my latest post in there but the grid button wasn’t in the list :frowning:
What’s the /markup tags for it ?
Cheers

1 Like
11

Try the advice above:

(btw you can switch to the grid gallery anytime later by editing the post)

1 Like
12

I consider the “small” text space a feature. More text width makes it less ergonomic to read

1 Like
13

I second that… narrow columns of text are much more readable (think newspapers).

2 Likes
14

Yep got it working. :slight_smile:

Tyvm
Lu

1 Like
15

Works and looks great on mobile btw :+1:

Hats off to you LJ

1 Like
16

Glad to hear that, thanks!

18

It’s cool that some people prefer narrow columns of text, but I prefer the opposite. No big deal either way.

3 Likes
19

I am not getting how to ad text with picture

the text for me is go off to the side :frowning:

help an id10t with this

1 Like
21

I usually add text on the separate line… but the text won’t work inside of the Grid Gallery code.

It doesn’t format well inline with pictures… Individual paragraphs with photos and text work best.

2 Likes
23

Ooh! This is really nice! The preview doesn’t quite show up right but once it’s posted it works perfectly!
Thank you sir!