Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Pangolin Album Height

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?

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,240
Website

Re: Pangolin Album Height

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.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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..

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,240
Website

Re: Pangolin Album Height

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.


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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?

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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...

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,240
Website

Re: Pangolin Album Height

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)?


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 260
Website

Re: Pangolin Album Height

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

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,240
Website

Re: Pangolin Album Height

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


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 260
Website

Re: Pangolin Album Height

Yes

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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.

Offline

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 13,240
Website

Re: Pangolin Album Height

And you're using 1.2.2?

I think Matt will need to take a look


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 1.1.1 test site, Pangolin test site

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

rod barbee wrote:

And you're using 1.2.2?

I think Matt will need to take a look

Yes, I installed it yesterday.

Offline

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

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,976
Website

Re: Pangolin Album Height

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.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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.

Offline

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

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 260
Website

Re: Pangolin Album Height

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

Rainer

Offline

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

Pfredd
Member
Registered: 2014-04-16
Posts: 170

Re: Pangolin Album Height

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/

Offline

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

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 260
Website

Re: Pangolin Album Height

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 hmm
Try and error, this is Pangolin for me. roll

Rainer

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

Offline

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

Daniel Leu
Moderator
Registered: 2012-10-11
Posts: 717
Website

Re: Pangolin Album Height

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 hmm

Spaltenzwischenraum.

Rainer Goergen wrote:

Try and error, this is Pangolin for me. roll

Love this one!


Daniel Leu | Photography   
DanielLeu.com

Just a user who loves to dive into techie stuff... and sometimes gets into trouble for that.

Offline

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

Matthew
Administrator
From: Seoul, South Korea
Registered: 2012-09-24
Posts: 4,976
Website

Re: Pangolin Album Height

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.


Campagna Pictures, http://campagnapictures.com
The Turning Gate, http://theturninggate.net

Offline

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

Rainer Goergen
Member
From: Trier, Germany
Registered: 2016-05-01
Posts: 260
Website

Re: Pangolin Album Height

Thanks for your help and information.

Rainer smile

Offline

Board footer

Powered by FluxBB