Pangolin Album Height

Pfredd · 2017-08-07 06:17:03

In a Descriptive Album Set template, under Okapi, you could set the height of the Album.

It does not appear that you can do that under Pangolin.

Is there custom CSS to do this?

rod barbee · 2017-08-07 07:15:35

taking a quick look with the browser's inspector, it looks like the selector is
.albums figure

you may need to write your css into a media query to avoid weirdness with mobile displays.

Pfredd · 2017-08-07 07:45:55

If you look at: http://pfredd.com/Test-P/album-set-1/ you will see my issue.

I have both Thumbnail Width and Thumbnail Height set to 168 in the Album Set Template.

But if you look at the code generated by Backlight, the first Album ("Album 2") has the following:

<img src="./../../Test-P/album-set-1/album-2/thumbnails/P5304875.jpg" class="landscape" height="126" width="168" alt="Album 2" title="Album 2">

and the second album ("Ambum 1") has

<img src="./../../Test-P/album-set-1/album-1/thumbnails/P2035269.jpg" class="portrait" height="250" width="188" alt="Ambum 1" title="Ambum 1">

As you can see, neither thumbnail's height is capped at 168, and both Length and Height on "Ambum 1" are larger than 168.

On the Okapi version of this, it always restricts the height to 168, no matter if it's portrait or landscape..

rod barbee · 2017-08-07 07:55:14

since the album height is (I believe) determined by album thumbnail height, that means the thumbnails in the albums are what determines the height of the thumbnails in the album set.
Are all your albums using the same sized thumbnails? If not, try making the needed changes and republish the album thumbnails.

Pfredd · 2017-08-07 08:05:48

I will check, but...

Why does the Album Set template have settings for thumbnail height and width? And why does the Okapi version, which uses the same photos work correctly?

Pfredd · 2017-08-07 08:16:15

I checked the Album template and the thumbnail sizes are the same as in the Album set: 168.

I republished, and now it has the longest side set to 168, which sort of makes sense. However it doesn't mimic the Okapi version...

rod barbee · 2017-08-07 08:18:44

not sure. I thought it should be contained (or enlarged) by what you set in the album set.

My album sets seem to be working right. However, when it goes to one column at mobile sizes, the album containers are determined by the height of the thumbnails. So that if a pano thumb is being used, the album contain is really short.

Are you using the latest version of Backlight (1.2.2 release 2)?

Rainer Goergen · 2017-08-07 08:32:15

Same by me. I have hidden albums with no custom thumbnail. The thumbnails change every time I update the browsers site. There are various sizes. The album changes the heights depending on the heights of the thumbnails. This was not so in Okapi. I am wondering too.

Rainer

rod barbee · 2017-08-07 08:40:50

There were some changes made to the Descriptive album set styling in 1.2.2, are both of you using 1.2.2?

Rainer Goergen · 2017-08-07 08:48:41

Yes

Pfredd · 2017-08-07 09:02:08

rod barbee wrote:

There were some changes made to the Descriptive album set styling in 1.2.2, are both of you using 1.2.2?

Yes

Pfredd · 2017-08-07 21:14:59

As I mentioned above, the Okapi version has a "Album Height" parameter. That is then used to set the height of the thumbnail. Then all of the albums are the same height, no matter the original size of the thumbnail..

Here is an example Okapi Album Set: http://pfredd.com/gallery/US_Travel/ and, again, here is the Pangolin version: http://pfredd.com/Test-P/album-set-1/

If that could be brought back, that could fix things.

I cant just override the Height value in Custom CSS because the HTML has a Width parameter as well, which changes depending on if the photo is Portrait or Landscape.

If anyone can think of a better way to handle this, please let me know.

rod barbee · 2017-08-07 21:32:30

And you're using 1.2.2?

I think Matt will need to take a look

Pfredd · 2017-08-07 21:34:13

rod barbee wrote:

And you're using 1.2.2?
I think Matt will need to take a look

Yes, I installed it yesterday.

Matthew · 2017-08-08 00:34:31

Pfredd wrote:

I have both Thumbnail Width and Thumbnail Height set to 168 in the Album Set Template...

I'm a little confused by your description.The Descriptive layout for Pangolin Album Set templates does not allow you to set Thumbnail Width or Height, as thumbnails are pulled from the albums; the album set has got nothing to do with the thumbnail renditions. There is only a "Thumbnail Max-width" slider, which prevents wide thumbnails from overtaking your title and description.

For setting the size of albums listed in the set, there are sliders for Aspect Ratio (X & Y), and you can set the number of columns per screen breakpoint.

Thumbnail images do not increase the size of their container, nor do they overflow it.

The only thing that might cause them to do so, is the "Release Aspect Ratio..." setting, which is intended for use on phones, when albums are in a single column, and your defined aspect ratio might be a little too squashed for mobile. Hence the default setting of "640px". If you've set this higher, then try setting it back to a lower value.

Pfredd · 2017-08-08 02:18:51

Thanks Matt.

I reset the "Release Aspect Ratio..." as you directed, then set the X & Y Aspect Ratios to 3 & 1 respectively, and I am now getting the results that look like I had in the Okapi version.

Rainer Goergen · 2017-08-08 02:58:21

Don't understand this settings - 3:1 ? I know what aspect ratio is, but I do not know the changes of what?

Rainer

Pfredd · 2017-08-08 04:12:03

The "Aspect Ratio X" and "Aspect Ratio Y" parameters dictate the shape of the Album "cells" in an Album Set.

Setting it to X=3 and Y=1 creates a rectangle that is three times wider than it is high.

See my test site at: http://pfredd.com/Test-P/album-set-1/

Rainer Goergen · 2017-08-08 06:11:53

No matter what the size of the thumbnail?
It is a pity that there is no documentation of all preferences in new Pangolin. Try to translate gutters to German. Don't know what this means
Try and error, this is Pangolin for me.

Rainer

Last edited by Rainer Goergen (2017-08-08 06:13:56)

Daniel Leu · 2017-08-08 07:38:35

Rainer Goergen wrote:

No matter what the size of the thumbnail?

Yes. It just defines the shape of a cell in the grid. But the thumbnail should be big enough to cover the effective size of the cell in the grid.

Rainer Goergen wrote:

Try to translate gutters to German. Don't know what this means

Spaltenzwischenraum.

Rainer Goergen wrote:

Try and error, this is Pangolin for me.

Love this one!

Matthew · 2017-08-08 11:26:50

Re: Gutters

I cannot translate things into other languages, but "Gutters" is a term used in layout and design. My intention is not to confuse, so I do try to pull words either from web-design ("margin-top") or design ("columns", "gutters", "masthead", etc.) when I am able. Here's an article:
https://www.thoughtco.com/gutter-in-gra … gn-1074466

In web-design, because of the behavior of left and right margins, "gutter" tends to be the more appropriate term than "alley" when discussing the space between two columns.

Rainer Goergen · 2017-08-08 17:30:34

Thanks for your help and information.

Rainer

Community @ The Turning Gate

#1 2017-08-07 06:17:03

Pangolin Album Height

#2 2017-08-07 07:15:35

Re: Pangolin Album Height

#3 2017-08-07 07:45:55

Re: Pangolin Album Height

#4 2017-08-07 07:55:14

Re: Pangolin Album Height

#5 2017-08-07 08:05:48

Re: Pangolin Album Height

#6 2017-08-07 08:16:15

Re: Pangolin Album Height

#7 2017-08-07 08:18:44

Re: Pangolin Album Height

#8 2017-08-07 08:32:15

Re: Pangolin Album Height

#9 2017-08-07 08:40:50

Re: Pangolin Album Height

#10 2017-08-07 08:48:41

Re: Pangolin Album Height

#11 2017-08-07 09:02:08

Re: Pangolin Album Height

#12 2017-08-07 21:14:59

Re: Pangolin Album Height

#13 2017-08-07 21:32:30

Re: Pangolin Album Height

#14 2017-08-07 21:34:13

Re: Pangolin Album Height

#15 2017-08-08 00:34:31

Re: Pangolin Album Height

#16 2017-08-08 02:18:51

Re: Pangolin Album Height

#17 2017-08-08 02:58:21

Re: Pangolin Album Height

#18 2017-08-08 04:12:03

Re: Pangolin Album Height

#19 2017-08-08 06:11:53

Re: Pangolin Album Height

#20 2017-08-08 07:38:35

Re: Pangolin Album Height

#21 2017-08-08 11:26:50

Re: Pangolin Album Height

#22 2017-08-08 17:30:34

Re: Pangolin Album Height

Board footer