Different Results from Auto Index

hursey · 2015-02-10 17:32:30

I am using auto index with publisher and getting different results with the same template.

http://www.hursey.com/clients/rosatello/

vs

http://www.hursey.com/clients/tutorial/

The "tutorial" layout is my desired outcome.

I deleted the first gallery set and created it new from scratch but it is still returning the compacted layout...

rod barbee · 2015-02-10 22:59:38

if you disable your custom css, the compacting stops.
Also, your custom css messes with the mobile responsiveness as it overrides any media queries.
(you'd need right the rule as a media query for wider browser widths)

My suggestion is to first get rid of the css and set the grid core to a fixed width.

What are you trying to achieve with the custom css?

hursey · 2015-02-11 02:06:20

Matt sent me the float left code. Without it, gallery grids are centered instead of left justified... Is there a better fix for THAT issue?

rod barbee · 2015-02-11 03:11:40

I don't know.
And I'm not sure why it's affecting one index differently than the other. The only difference I see between the two is that the one that looks correct has more albums in it.

have you tried creating any other album sets to see if it happens in other too?

Either way, you probably will need to use the css in a media query so that it looks right on mobile devices.

hursey · 2015-02-11 03:51:57

okay... bummer, because when it works the custom css was doing exactly what I want...
I am not sure what you are referring to with regards to the media queries... that may be a bit beyond my expertise (very low!)
What I have done that is at least a little more workable is I created an auto index specific phplugins folder where I do not use css.
That way I can still use the float left for the galleries and the auto index (while filling the window width) is still left justified. I would prefer the fixed size / left justified layout but this will still work. I tried creating a new gallery but wound up with the same thing... also tried using more galleries as you suggested but again had the same results... very weird that these two galleries behaved differently when using all of the same templates.

Back to the media queries...again not sure what that is but was that in the galleries as well or only the index?

Thank for all of your assistance Rod!

rod barbee · 2015-02-11 06:15:49

the media queries are part of the css. they direct styling to the page depending on the browser width.
So normally, when the size gets down to iPhone width, the albums in the index will stack one on top of the other, this makes it easier to see the thumbnail and read the text.
With your custom css, since it's the last css file to be loaded it takes precedence. So the css that styles the grid core for small devices is being overwritten.
You can fix this by putting your css in a media query designed to apply only to pages with a minimum width of your choosing.
Something like this perhaps

@media screen and (min-width: 1024px) {
    .the-grid .core {
        float: left;
    }
}

You're going to have to implement media queries for iPhone, and tablet sizes. Just look what happens to your galleries when you start shrinking the browser width. They become unusable right when you hit the tablet in portrait mode break-point.

hursey · 2015-02-11 06:52:12

Ah...

So the "float left" command is the ONLY thing in my css... would I just replace ".the-grid .core { float: left; }" with the code you suggested?

rod barbee · 2015-02-11 08:01:57

Yes. This way, that css will only affect your galleries in browsers with a width of 1024px or wider. You may want to play with that. Compare it to other media queries already existing in the various css files.

Did you take a look at what it did to your image galleries when you reduce the width of your browser? Yikes!

hursey · 2015-02-11 08:14:19

hmmm... I implemented the new code and am not seeing a difference in the way it is displaying on my iPad / iPhone....
Let me know if you notice a difference , when/if you have time.....

rod barbee · 2015-02-11 08:43:07

I meant before implementing the code I posted. Try it with your original custom css, refresh the page, and start making your browser window narrower.
This is what you'll see:

putting the css in a media query prevents that nastiness from happening.

rod barbee · 2015-02-11 08:47:40

I'm still very curious as to why one album set looked as intended and the other, made with the same template, didn't.

If you get a chance to set up a demo album set that exhibits the problem, that will give Matt something to work with.

hursey · 2015-02-11 08:58:45

Weird... my devices were not displaying that way even before the code change....
Alas.. if this resolves it... alls good!
It will be interesting to see if I can get a new set up and running that will exhibit the same behavior.....(with the Auto Index that is...)

What I may need to do is re-impliment the old code for a day when Matt has the time to investigate....

Last edited by hursey (2015-02-11 08:59:23)

rod barbee · 2015-02-11 09:10:24

Weird... my devices were not displaying that way even before the code change....

There may be other code that detects the actual device. I didn't look. But it clearly messed up in a small browser window on the desktop.

What I may need to do is re-impliment the old code for a day when Matt has the time to investigate....

it's the same code and will be applied to any page that has a browser width of at least 1024px. So you can just enable phplugins in your autoindex template and see what happens.

hursey · 2015-02-11 09:13:06

Exactly!

Thanks again (or, as always) Rod!

Community @ The Turning Gate

#1 2015-02-10 17:32:30

Different Results from Auto Index

#2 2015-02-10 22:59:38

Re: Different Results from Auto Index

#3 2015-02-11 02:06:20

Re: Different Results from Auto Index

#4 2015-02-11 03:11:40

Re: Different Results from Auto Index

#5 2015-02-11 03:51:57

Re: Different Results from Auto Index

#6 2015-02-11 06:15:49

Re: Different Results from Auto Index

#7 2015-02-11 06:52:12

Re: Different Results from Auto Index

#8 2015-02-11 08:01:57

Re: Different Results from Auto Index

#9 2015-02-11 08:14:19

Re: Different Results from Auto Index

#10 2015-02-11 08:43:07

Re: Different Results from Auto Index

#11 2015-02-11 08:47:40

Re: Different Results from Auto Index

#12 2015-02-11 08:58:45

Re: Different Results from Auto Index

#13 2015-02-11 09:10:24

Re: Different Results from Auto Index

#14 2015-02-11 09:13:06

Re: Different Results from Auto Index

Board footer