New! SmugMug Style - Stretchy Questions and Help

[Andy]

Here is the place to discuss the newest upgrade to SmugMug style "stretchy" and how your galleries can now go big and wiiiide



Want to play? Go here and simply resize your browser window. FAQs? You bet, right here. And reproduced just below.

[Andy]

Q: Does it work in all viewing styles?
A: Only "smugmug" viewing style stretches, currently.

Q: I have a small monitor, can I see what it looks like?
A: You bet - right here and arrow forward to see bigger and bigger monitors/resolutions.

Q: Do themes stretch?
A: Most do, some don't... yet. Themes that don't stretch will appear just as they always have.

Themes that stretch: Blue, Fuchsia, Gold, Green, Khaki, Orange, Red, Tan, Teal, White, Yellow, Black Arts, Black and White, Fresh Air, Hitched, It's A Girl!, The Graduate, Bewitched, Gradient Grey, Gradient White, SmugMug Classic, SmugMug Dashed, SmugMug Gradient, and Blue Lagoon.


Q: Why do only some of my galleries stretch?
A: Check to see if you have a non-stretchy theme set for that gallery.

Q: What if I don't want my visitors to see my photos bigger?
A: No worries, we still honor the "largest display size" selected in your customize gallery settings. We'll only show the display sizes you allow.

Tip: If you are a Pro on SmugMug, let your visitors admire larger display sizes, and protect your photos with a custom watermark. Great example.

Q: Will the thumbnails get bigger as the page stretches?
A: No, you'll get more thumbnails on the page but each thumbnail will stay the same size.

Q: I'm a power or pro user with customization. Will this affect me?
A: If you have any customization in your CSS box, your site has stayed the same. If you want to turn stretchy on, look for the "yes/no" toggle on your customization page (control panel -> customize tab):


In most cases, your site will stretch beautifully. You may need to make some code or art changes for things to stretch properly, or it could be as simple as choosing a different theme. Don't worry, we'll help - ask your question right here in this thread.

If you have nothing in your CSS box (even if you have something in your header or footer box), your site will stretch by default.

If you've customized with a theme, and that theme stretches, great! If you chose a theme that does not stretch, you can choose a new default theme in your control panel and modify your customization for that theme. We'll help, if you need it.


Q: Can I force the number of thumbs that display?
A: No. When your gallery stretches, we automatically fill the browser window with thumbnails.


Q: I'm a power or pro, can I opt-out of stretchy?
A: Sure. If you'd rather your visitors not see more thumbnails on the page, for whatever reason, just go to your customization page and toggle the stretchy option to "no".

Q: Can I still force "smugmug small" viewing style?
A: If you are a power or pro user, you can still force "smugmug small" viewing style in your customize gallery settings

[flyingdutchie]

Go to this link using IE7:
http://www.streetsofboston.com/gallery/994065

If the Smugmug style is set (it should be default), then you'll see that the main-picture is shifted somewhat to the bottom of the page (and a little to the right), overlapping and covering the caption. When you mouse-over or change the page/picture, the picture snaps back into its correct position.

Can this be fixed?
Thanks.

PS. It works all fine in FireFox, no problems there.

[jfriend]

Originally Posted by Andy

Q: Does it work in all viewing styles?
A: Only "smugmug" viewing style stretches, currently.

Wicked cool! I've been waiting for this! I've enabled it on both my accounts and it massively enhances the viewing experience. I haven't yet seen it on my 30" monitor at home (I'm traveling on a laptop), but even on my laptop it's an improvement. Way to go!

One slight confusion for me when reading the info above. You go to the control panel, to the customize tab, THEN click on the customize link in that page and you will find the option to enable the feature if you have custom CSS. So it's control panel/customize tab/customize link/stretchy=yes.

[Andy]

Originally Posted by flyingdutchie

Can this be fixed?
Thanks.

PS. It works all fine in FireFox, no problems there.

I asked some experts to look too - you have lots of JS that has to be considered - give us some time and we'll be back :)

[wellman]

This is incredible! One request - please please tell me you're working on making Carbonite stretchy. That would be THE WIN.

[Sheaf]

Originally Posted by wellman

This is incredible! One request - please please tell me you're working on making Carbonite stretchy. That would be THE WIN.

I believe we are working on making a lot more of them stretchy, but I'm not positive about Carbonite. It presents some unique problems, as does Graffiti.

Anyways, this was just the first batch.

[flyingdutchie]

Originally Posted by Andy

I asked some experts to look too - you have lots of JS that has to be considered - give us some time and we'll be back :)

Thanks Andy!

I think my JS won't be a problem, since it deals mostly with the menu's, not with positioning elements on my page. My CSS may be more of a problem, however

[pjb923]

I know you don't officially support Opera, but everything has been working fine for me until the introduction of the stretchy option. I love the feature, and it looks great combined with the new larger image sizes, but it completely breaks the Smugmug view in Opera.

This is what I get when I try to load one of my galleries.

Click for larger view

When I'm not logged in I get the exacty same thing without the extra gallery and photo tools. Just a blank page with a line in the middle.

[{JT}]

Fixed it, you needed this in your css:
#mainImage {
position: static;
}

Originally Posted by flyingdutchie

Go to this link using IE7:
http://www.streetsofboston.com/gallery/994065

If the Smugmug style is set (it should be default), then you'll see that the main-picture is shifted somewhat to the bottom of the page (and a little to the right), overlapping and covering the caption. When you mouse-over or change the page/picture, the picture snaps back into its correct position.

Can this be fixed?
Thanks.

PS. It works all fine in FireFox, no problems there.