Is Iconic Gallery style not working now for 6.1.0 ?

ttg-jim · 2014-09-07 06:00:19

I'm a new user so forgive me if I have overlooked something obvious. I'm running all the latest versions of code as of Sept 6th. I'm using the publisher to update galleries, and have the metadata-only push unchecked. I'm also using Theme for WP, although I don't think that's relevant here.

I would like to use the iconic gallery style for a gallery/album because I have always liked the way galleries look on a phone (I guess they default to iconic style for small screens, which makes sense), but I seem only to be able to make it look that way if I crop images square. Essentially the gallery thumbnails are not all cropping to squares like they do here in Matt's example: http://ce4.theturninggate.net/demos/01- … ry-iconic/ Interestingly, Matt's example does not look 'iconic' on an iPad, but does on a phone.

Heres my gallery; http://www.fourwallsphoto.com/galleries … and-child/ which does not look 'iconic' on anything but a phone.

They also don't seem to preview as squares in Lightroom either, so I guess I'm just missing a setting somewhere somewhere?

rod barbee · 2014-09-07 06:51:09

It's iconic, you just need to set your thumbnails size so that they'll fill the space your giving them.

your grid cell is 184px wide and high. But your thumbnails are set to the same. so a horizontal thumbnail set to 184px wide is only about 123px tall, therefore not filing the space. Try setting the thumbnail width and height to around 276px

Interestingly, Matt's example does not look 'iconic' on an iPad, but does on a phone.

that's by design

it's all explained here: http://theturninggate.net/2014/08/ce4-u … t-15-2014/

ttg-jim · 2014-09-07 08:54:47

Rod, That's fantastic, I'm very grateful. So grateful, I just bought one of your books!

I guess I didn't quite understand what "double-tapping the checkbox" meant, but now I do. This same effect happens when you exit the Web module and come back in again. I was playing with these settings earlier on, but nothing seemed to be changing so I ignored them.

Thanks for the link else I would never have found this page. It didn't some up in a search for "iconic" in the documentation pages unfortunately…

Not sure why the iPad is singled-out as the only device to not show full iconic images, but at least I understand it's a limitation now.

Thanks again Rod

rod barbee · 2014-09-07 10:37:21

Awesome! I'll get your book out in Monday's mail.

Matt explains somewhere why the iPad uses the standard layout. I can't remember exactly why, but it made sense. Probably something to do about compatibility between all of devices out there now.

Matthew · 2014-09-07 13:07:52

iPad and iPhone both use the some mobile.php file, which is the CE4 Standard layout, non-iconic.

Because iconic thumbnails are generally much larger than are necessary or preferable on mobile devices, the mobile.php always uses our base /thumbnails-for-mobile image renditions, the size of which is controlled by the plugin. Using these smaller plugins makes galleries more usable on mobile devices, particularly when downloading over a mobile network.

ttg-jim · 2014-09-08 04:30:56

Maybe my setup is different, or I am not understanding what "iconic" means. I thought it meant a square thumbnail that maximizes the use of the available space. The same gallery gives me this on my desktop (Mac 10.7.5, Safari 6.1.6):

and this on my iPhone 5 (all galleries look like this on my iphone, regardless of style):

but like this on my iPad 2:

I'm happy with the look, but what you said above would imply that iPhone and iPad should look the same, so I was hoping I could make the iPad look like the other two. If not, no big deal. I just wanted to be sure I had it setup correctly.

Matthew · 2014-09-08 15:50:41

What I said implies that the iPhone and iPad use the same document. That document is based on the CE4 Standard, non-iconic layout, and adapts its layout depending on the screen size of the device.

If you want to see what that looks like in LR ahead of publishing, then just disable the iconic layout checkbox and reload the preview.

fabian.trees · 2014-11-24 06:54:15

Hi Matthew
is there a possibility to override this, so that IPads also have the "iconic" feeling? Custom CSS?
Thanks
Fabian

Matthew · 2014-11-24 12:45:38

You can edit your template and remove the iPad redirect from this line, and adjust the screen.width value, so that it will use the desktop layout rather than the mobile layout:

    if (screen.width < 768 || navigator.userAgent.match(/Android|Blackberry|SymbianOS|iPhone|iPod|iPad/i)){

So maybe change to something like:

    if (screen.width < 740 || navigator.userAgent.match(/Android|Blackberry|SymbianOS|iPhone|iPod/i)){

Though, depending on your configuration, this may be a horrible idea. You should do thorough testing on whatever tablets you have at hand.

Community @ The Turning Gate

#1 2014-09-07 06:00:19

Is Iconic Gallery style not working now for 6.1.0 ?

#2 2014-09-07 06:51:09

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#3 2014-09-07 08:54:47

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#4 2014-09-07 10:37:21

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#5 2014-09-07 13:07:52

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#6 2014-09-08 04:30:56

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#7 2014-09-08 15:50:41

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#8 2014-11-24 06:54:15

Re: Is Iconic Gallery style not working now for 6.1.0 ?

#9 2014-11-24 12:45:38

Re: Is Iconic Gallery style not working now for 6.1.0 ?

Board footer