whoa -- new layout on control buttons

[dogwood]

MOD EDIT (Andy): All the new stuff announcd in Release Notes (http://blogs.smugmug.com/release-notes/2008/10/30/buttons-and-lots-more-october-30-2008/).

ATTN CUSTOMIZERS: Don't see the new tools button? If you use

#breadcrumb {display: none;} you should also add

.loggedIn #breadcrumb {display: block;} so that you can see the tools buttons. Just holler if you need help, it's a 10seconds CSS addition and we don't mind doing it for you :D


----------------------------------
Dogwood's original post here:

Nice. Seems to save on the mouse scrolling too since a lot of browser navigation is near the top of the screen. Well done, SM. :thumb

Oh-- but not to be picky, but hopefully there will be a way to get rid of the"Tools: please use new button up above!" at some point in the future. It's intuitive enough that I figured it out before I saw that text.

[Andy]

Nice. Seems to save on the mouse scrolling too since a lot of browser navigation is near the top of the screen. Well done, SM. :thumb
:D always nice to be noticed :D

There's a TON in this release. Release notes going out shortly.

[dogwood]

There's a TON in this release. Release notes going out shortly.

Fantastic. I've already noticed some new features. So far I love what I'm seeing.

[Andy]

Release notes updated :D http://blogs.smugmug.com/release-notes/2008/10/30/buttons-and-lots-more-october-30-2008/

[dogwood]

So when I click "Add New Photo" and new gallery, and the new gallery dialog comes up, now I have to scroll down in the category box to select which category I want. Seemed like it was easier when it defaulted to the same category I was in when I clicked "Add New Photo".

[{JT}]

So when I click "Add New Photo" and new gallery, and the new gallery dialog comes up, now I have to scroll down in the category box to select which category I want. Seemed like it was easier when it defaulted to the same category I was in when I clicked "Add New Photo".

Yes, there will be a follow up release that fixes this soon.

[dogwood]

Release notes updated :D http://blogs.smugmug.com/release-notes/2008/10/30/buttons-and-lots-more-october-30-2008/

Cool. Thanks for sending this, Andy. There are for sure some nice new features. It's rare I'm that I'm working on my site at the same moment a bunch of new stuff comes out and get to try everything immediately.

[OffTopic]

:clap:thumb Thank you! Started noticing the changes as I was working tonight and loved it. :D

[ross_jardine]

After the update my site no longer loads. :dunno

rossjardine.smugmug.com

or www.rossjardine.com.au

edit... okay now it says maintenance is now still in progress.

[caroline]

'Owner Buy' is greyed out for me, I only see site back up and gift of smugmug.
Caroline

[PHOTOlink]

HORRID. absolutely awful
poorly thought out....

i want them BACK at the bottom of the image
and i would like to ONLY have the tools that i want/need
so i didn't have to wade through all that crap to get to the
few tools that i want... we should be able to switch what tools
we want on and off....

i mean, we have to go dragging thru MORE to get to
crop thumbnail or feature an image

...whats the use... the canges are here, and i doubt
they will go back....

BAD..

[timnosenzo]

Release notes updated :D http://blogs.smugmug.com/release-notes/2008/10/30/buttons-and-lots-more-october-30-2008/

Wow, you guys have been busy! Nice work! :thumb

[kygarden]

Good job folks. This is why I keep paying for the pro account. Keep it up. :D

[Andy]

HORRID. absolutely awful
poorly thought out....

i want them BACK at the bottom of the image
and i would like to ONLY have the tools that i want/need
so i didn't have to wade through all that crap to get to the
few tools that i want... we should be able to switch what tools
we want on and off....

i mean, we have to go dragging thru MORE to get to
crop thumbnail or feature an image

...whats the use... the canges are here, and i doubt
they will go back....

BAD..Hi Adam, thank you for your straight talk & feedback - we wouldn't have it any other way! Thanks for the email as well, Adam - there is that one bug where you create gallery and we don't default the the category in the dropdown, we've fixed that internally and we'll get it on the site as soon as possible. Sorry for that, it's a small bug and we'll fix it.

[Andy]

After the update my site no longer loads. :dunno

rossjardine.smugmug.com

or www.rossjardine.com.au

edit... okay now it says maintenance is now still in progress.All good now, I checked.

[JohnnyJr]

Awesome, I'm on a deadline and not seeing this magical button "up above." Can you tell me how to access photo tools? Here's the gallery I'm trying to work in: http://sisson.smugmug.com/gallery/5913231_R7ERk

Do I need to add/remove some piece of code someplace in my customization?

[Andy]

Awesome, I'm on a deadline and not seeing this magical button "up above." Can you tell me how to access photo tools? Here's the gallery I'm trying to work in: http://sisson.smugmug.com/gallery/5913231_R7ERk

Do I need to add/remove some piece of code someplace in my customization?
Yup.

Use this:


#breadcrumb {display:none}
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;
display: block;
}

it'll only show to you, when logged in.

[JohnnyJr]

Thank you, Andy. That did the trick!


Yup.

Use this:


#breadcrumb {display:none}
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;
display: block;
}

it'll only show to you, when logged in.

[JohnnyJr]

...but wow this new button layout adds lots of up-down scrolling.

[sirsloop]

I always get excited when some new smug magic gets added... visitor view! WOOT!

The Sorcerers of Smug are adding new magic right now, so we're in window shopping mode. You can view all the photos you like, but for a few minutes we're unable to sell prints or take new photos or comments. Stay tuned! The SmugMug team (http://cmac.smugmug.com/gallery/2504559)

If only I could talk my boss into making notification messages like these :rofl

[Andy]

I always get excited when some new smug magic gets added... visitor view! WOOT!l

We actually put VV on the site back in March 2008 :D

http://blogs.smugmug.com/release-notes/2008/03/17/silky-smooth-slideshow-eye-candy/

All the release notes:

http://blogs.smugmug.com/release-notes/

Subscribe :D

[caroline]

This doesn't work for me :-(
re my previous post also, am I missing something ?

Thanks,
Caroline

Yup.

Use this:


#breadcrumb {display:none}
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;
display: block;
}

it'll only show to you, when logged in.

[Andy]

This doesn't work for me :-(
re my previous post also, am I missing something ?

Thanks,
Caroline
You have this line:

.gallery_3606374 #breadcrumb {visibility: hidden;}

remove that.

[JenGrace]

Question about owner buy...
I got the impression from the release notes that I can use that to put photos in my shopping cart even if I have it turned off for viewers, but it looks to me like I only have options to buy backup (at different levels, which is nice) or the gift of smugmug.

[Andy]

Question about owner buy...
I got the impression from the release notes that I can use that to put photos in my shopping cart even if I have it turned off for viewers, but it looks to me like I only have options to buy backup (at different levels, which is nice) or the gift of smugmug.Right. You still need to have printing enabled at the gallery level, sorry!

[JenGrace]

Right. You still need to have printing enabled at the gallery level, sorry!

This wording from the blog confused me..

Account owners now have “Owner Buy” so they can easily use SmugMug’s shopping cart even if the Printable option on a gallery is toggled to “no”.

It's not clear that this is only for backup and gift of smugmug. I feel like I should know this, but is there a way to toggle printing off for visitors and leave it on for owners?

[Andy]

This wording from the blog confused me..



It's not clear that this is only for backup and gift of smugmug. I feel like I should know this, but is there a way to toggle printing off for visitors and leave it on for owners?
It's a mistake in our release notes, I fixed. Sorry about that, this function is not on the live site,hopefully one day!

[dogwood]

...whats the use... the canges are here, and i doubt
they will go back....

BAD..

Well, I have nothing to do with the design or new placement of the tools but I can answer your question about "what's the use?"

Overall, it will actually speed up work on your site. All your navigation for both the site and your web browser is near the top of the screen, so no more mousing down below photos for the tools, then back to the top of the screen for navigation. It also seems more intuitive to me and seems to better match the other features on the site.

I always remember something I saw in a Photoshop tutorial-- if you can find a way to save a second or two here and there, pretty soon it adds up (at least if you daily spend hours in Photoshop, like I do -- it's similar with a website too).

Anyway, I've been plenty critical of past SM upgrades/changes but I literally stumbled right into this change right after it went live and it all made sense immediately. If anything, SM is overexplaining it (ie the text telling you to use the tools up above) as I mentioned in a previous post.

Just my two-cents, anyway.

[rolette]

I think I like the new Tools menu (I'll get a better feel tonight after I upload my next batch of pictures), but is there any chance you could move the "Crop Thumbnail" up one level in the menu structure?

If you are using square thumbs, I generally have to adjust the thumbnail on ~40% of my pics so having it buried under "More" slows things down a bit.

Actually, while you are in the neighborhood, it would be nice if the Crop Thumbnail page defaulted to 1:1 on the ratio for galleries that use square thumbs :nod

Jay

[Luc De Jaeger]

Just wondering...

While the other buttons have changed, the "submit" button in the Photo timeline seems not to have changed (I'm using the SmugMug Gradient theme on my site).

Not that it bothers me, but perhaps, some time this button will follow the new layout of the other buttons.

The changes in this release are nice and a logic step forward.:thumb
Luc

[{JT}]

Andy has your back here:
http://www.dgrin.com/showpost.php?p=954588&postcount=17

Hi, I just logged on to edit rearrange my gallery for my client and my tools below the photo are gone! I see the new note telling me to look at the top, but the problem is... I clean up my galleries for my clients - I turn off the breadcrumb (I think that's the one) so all my buttons at the top aren't there. Which means that I"ll have to go in to edit ALL my client galleries to put them back in and then turn them back off after I'm done. I really like my galleries to be clean! (You can see it here: http://www.tippiepics.com/rutherford)

Is it possible to put those tools in another location so that you can leave that all off at the top? And have it only show up for me? I dunno... I wish I was a wiz at CSS.

Oh, and if this should go in customization, sorry!

[Andy]

Just wondering...

While the other buttons have changed, the "submit" button in the Photo timeline seems not to have changed (I'm using the SmugMug Gradient theme on my site).

Not that it bothers me, but perhaps, some time this button will follow the new layout of the other buttons.

The changes in this release are nice and a logic step forward.:thumb
Luc
They will, in time :thumb

[Luc De Jaeger]

They will, in time :thumb

Wooow... thanks for responding and letting us know!!:clap :ivar :barb :thumb :thumb

[photogmomma]

Yup.

Use this:


#breadcrumb {display:none}
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;
display: block;
}

it'll only show to you, when logged in.

Andy, you are now my favorite ever. Thank you!

[Andy]

Andy, you are now my favorite ever. Thank you!
:D aw shucks

So, for all reading this, if you use

#breadcrumb {display: none;} you should also add

.loggedIn #breadcrumb {display: block;} so that you can see the tools buttons. Just holler if you need help, it's a 10seconds CSS addition and we don't mind doing it for you :D

[RogersDA]

Fixed a long-standing, very obscure, but surprisingly common bug that prevented a Quick Setting on the Customize Gallery page from saving properly if you had an apostrophe in your password, password hint, or backprinting.WOOT!!!!

[Allen]

The new tools button is not that bad but it requires scrolling up to find it, bad
bad. Most will be viewing photos when this is needed and the tools button is
out of view.I can see no reason why it's not below the main photo like it used to be.

It's really irritable that customize gallery can't be quickly gotten to. At least
move it to above "This Photo" in the drop and make the text red or something.
Requires reading the list to find it and reading is hard.


Just my .02 :D

[caroline]

Thank you Andy :thumb

You have this line:

.gallery_3606374 #breadcrumb {visibility: hidden;}

remove that.

[pilotdave]

Sorry if I missed it in the release notes (read em quickly this morning but can't view them from work) or another thread...

What does (will?) the "Attach Related Files" tool do?

All I get is "I'm sorry, but you don't appear to be logged in, or don't have access to this gallery. Please try again." Has it not been implemented yet, or only apply to certain file types or what?

Dave

[Andy]

Sorry if I missed it in the release notes (read em quickly this morning but can't view them from work) or another thread...

What does (will?) the "Attach Related Files" tool do?

All I get is "I'm sorry, but you don't appear to be logged in, or don't have access to this gallery. Please try again." Has it not been implemented yet, or only apply to certain file types or what?

Dave
This is for SmugVault (http://www.smugmug.com/help/smugvault). I agree, the error message is dumb, we'll try and fix that.

[jfriend]

This is for SmugVault (http://www.smugmug.com/help/smugvault). I agree, the error message is dumb, we'll try and fix that.

Would it be possible to not show this command if the user isn't signed up for SmugVault? That would seem even better than letting them pick it and then have to understand an error message.

[Andy]

Would it be possible to not show this command if the user isn't signed up for SmugVault? That would seem even better than letting them pick it and then have to understand an error message.
We'll see, thanks :D It's being worked on :thumb

[Erick L]

I see a "Tools" button but nothing happens when I click in the galleries and just "control panel" and "view pro sales" show up in the pull down menu in the categories and homepage.

[jfriend]

I see a "Tools" button but nothing happens when I click in the galleries and just "control panel" and "view pro sales" show up in the pull down menu in the categories and homepage.

Your javascript code ModifyText (included below) is rendering the new buttons inoperable. Unfortunately, you can no longer modify the breadcrumb the way that scripts does it because it ruins the new YUI buttons. You can try changing "breadcrumb" to "breadCrumbTrail" and see if that fixes the issue. That change will work for modifying gallery breadcrumbs, but not category breadcrumbs. I'm not sure exactly what you are trying to do.

function ModifyText () {
var objElement = document.getElementById("breadcrumb")
if (objElement != null) {
var str = new String(objElement.innerHTML);
str = str.replace('/Articles"', '/gallery/4365732_gQBD8"');
objElement.innerHTML = str;
str = str.replace('/Photo"', '/gallery/4441983_g8EUF"');
objElement.innerHTML = str;
str = str.replace('/Maps"', '/gallery/4556816_H8q6R"');
objElement.innerHTML = str;
}
}

[Andy]

Your javascript code ModifyText (included below) is rendering the new buttons inoperable. Unfortunately, you can no longer modify the breadcrumb the way that scripts does it because it ruins the new YUI buttons. You can try changing "breadcrumb" to "breadCrumbTrail" and see if that fixes the issue. That change will work for modifying gallery breadcrumbs, but not category breadcrumbs. I'm not sure exactly what you are trying to do.

function ModifyText () {
var objElement = document.getElementById("breadcrumb")
if (objElement != null) {
var str = new String(objElement.innerHTML);
str = str.replace('/Articles"', '/gallery/4365732_gQBD8"');
objElement.innerHTML = str;
str = str.replace('/Photo"', '/gallery/4441983_g8EUF"');
objElement.innerHTML = str;
str = str.replace('/Maps"', '/gallery/4556816_H8q6R"');
objElement.innerHTML = str;
}
}
Yeah and this was from a few releases ago, actually. Erick, Barb could probably fix you up in minutes - if you wish. Say the word.

[PBolchover]

The new photo tools are making my workflow for editing thumbnails much more awkward.

Specifically
1) I used to be able to click on the "tools" dropdown, and then type the initial letter of the menu item, in order to quickly access that particular tool. Now I am forced to use the mouse, making it significantly slower.
2) The "adjust thumbnails" has been moved under the "more" tab, making it a two-stage process to click on the relevant tool.
3) I have to hover over the "more" tab, in order for the additional tools to appear. If I try to click on the "more" tab, then the menu disappears.

Here is my old workflow for editting thumbnails
1) Open gallery in smugmug style, and middle-click on each of the thumbnails, to open that image in a separate tab
2) Quickly go through each tab (using control-tab), clicking on the photo-tools menu, and typing "A" (for "adjust thumbnails" - I think that I actually had to type "A" twice to select the correct tool), then return to select that tool. [Being able to type the tool means that I didn't move my mouse pointer, and it was therefore in exactly the right place on screen to select the photo-tools menus on the next tab
3) Go through each tab, and select the desired thumbnail. Click OK.
4) Once each tab has saved, go through all of the tabs, and close them.

Now that I'm used this workflow, I can go through a large gallery extremely rapidly. I reckon that the new workflow will take around 2-3 times as long.


[As an aside, yes I am aware of the bulk thumbnails hack, but I found that it didn't suit my purposes, since 1) it forces all of the thumbs to be the same aspect ratio (while most of mine are square, I occasionally need to use a non-sqaure thumnail, in order to make the image look nice); 2) The images are smaller than I would like. And yes, I am also aware of the auto-square thumnails, but I prefer my thumbs to be slightly off-centred]

[jfriend]

Yeah and this was from a few releases ago, actually. Erick, Barb could probably fix you up in minutes - if you wish. Say the word.

Andy, perhaps you could pass this info onto the sorcerers.

The category and sub-category displays still have their breadcrumb info in the breadcrumb object. They don't have a breadCrumbTrail like galleries do. So, if people are trying to modify a category or sub-category breadcrumb, but not cause a change to the gallery breadcrumb that will mess up the YUI buttons, it's easy to do it wrong and hard to do it right (the opposite of what we'd like).

If, on the other hand, the breadcrumb info in categories and subcategories was also in a breadCrumbTrail div, then one could do it the same way everywhere and never risk messing up the YUI buttons (just use breadCrumbTrail everywhere). Here's an example of the more complicated code (http://www.dgrin.com/showthread.php?t=109901) that I had to write for someone who was trying to change breadcrumbs everywhere without messing up any YUI buttons.

We had to physically test for breadCrumbTrail and use it if it existed, but if it doesn't exist, then use breadCrumb. It would be a lot less code and easy to not make a mistake if one could just safely use breadCrumbTrail everywhere. Further, this work-around only works because there are no YUI buttons in the breadcrumb for categories. If any ever get put there, this code would break too.

If the sorcerers could add breadCrumbTrail to the category and sub-category display, then it could safely be used everywhere.

[Andy]

The new photo tools are making my workflow for editing thumbnails much more awkward.

Specifically

Great feedback - thanks for this - I'm making sure that our UI guys see it!

[Andy]

Andy, perhaps you could pass this info onto the sorcerers.

{JT}'s got it, John, thanks so much for the awesome feedback.

[{JT}]

This has been added and will go out with the next update.

Andy, perhaps you could pass this info onto the sorcerers.

The category and sub-category displays still have their breadcrumb info in the breadcrumb object. They don't have a breadCrumbTrail like galleries do. So, if people are trying to modify a category or sub-category breadcrumb, but not cause a change to the gallery breadcrumb that will mess up the YUI buttons, it's easy to do it wrong and hard to do it right (the opposite of what we'd like).

If, on the other hand, the breadcrumb info in categories and subcategories was also in a breadCrumbTrail div, then one could do it the same way everywhere and never risk messing up the YUI buttons (just use breadCrumbTrail everywhere). Here's an example of the more complicated code (http://www.dgrin.com/showthread.php?t=109901) that I had to write for someone who was trying to change breadcrumbs everywhere without messing up any YUI buttons.

We had to physically test for breadCrumbTrail and use it if it existed, but if it doesn't exist, then use breadCrumb. It would be a lot less code and easy to not make a mistake if one could just safely use breadCrumbTrail everywhere. Further, this work-around only works because there are no YUI buttons in the breadcrumb for categories. If any ever get put there, this code would break too.

If the sorcerers could add breadCrumbTrail to the category and sub-category display, then it could safely be used everywhere.

[jfriend]

This has been added and will go out with the next update. Thanks JT and Andy.

[SunGlo]

Are the new buttons supposed to be stacked vertically or in a row horizontally?

All my pages have them stacked which eats up vertical real estate.

Is there anyway to change this?

Phil

www.sunglo.smugmug.com (http://www.sunglo.smugmug.com)

[SunGlo]

Are the new buttons supposed to be stacked vertically or in a row horizontally?

All my pages have them stacked which eats up vertical real estate.

Is there anyway to change this?

Phil

www.sunglo.smugmug.com (http://www.sunglo.smugmug.com)

Here's two screen shots...

http://sunglo.smugmug.com/photos/406742130_T4ZFx-L-1.jpg

http://sunglo.smugmug.com/photos/406742139_RS4nS-L-1.jpg

[jfriend]

Here's two screen shots...



The first thing you need to do is to change your ModifyText javascript code like in this thread (http://www.dgrin.com/showthread.php?t=109901) (the function there is called ChangeHome, but it's the same thing). You can no longer change the innerHTML on the breadcrumb object like you are doing because it messes up the buttons. That thread has alternate code that you can use. This same issue is probably why your slideshow button doesn't work either.

If you change to this new code, then remove the call to ModifyText from the onLoad handler in the body tag because YE.onContentReady() as used in the new script is an easier and more maintainable way to do that.

[SunGlo]

The first thing you need to do is to change your ModifyText javascript code like in this thread (http://www.dgrin.com/showthread.php?t=109901) (the function there is called ChangeHome, but it's the same thing). You can no longer change the innerHTML on the breadcrumb object like you are doing because it messes up the buttons. That thread has alternate code that you can use. This same issue is probably why your slideshow button doesn't work either.

If you change to this new code, then remove the call to ModifyText from the onLoad handler in the body tag because YE.onContentReady() as used in the new script is an easier and more maintainable way to do that.

I replaced the ModifyText javascript code as you suggested and it seems to be working fine.

Now, I not sure what you are referring to with the "...change the innerHTML..." comment.

[jfriend]

I replaced the ModifyText javascript code as you suggested and it seems to be working fine.

Now, I not sure what you are referring to with the "...change the innerHTML..." comment.

I was just trying to explain that what ModifyText was doing (setting the innerHTML property) is no longer allowed on the breadcrumb object. In addition to helping fix things, I try to explain what's going on (it's a tendency I have). If you're working good now, then we're all set.

[SunGlo]

I was just trying to explain that what ModifyText was doing (setting the innerHTML property) is no longer allowed on the breadcrumb object. In addition to helping fix things, I try to explain what's going on (it's a tendency I have). If you're working good now, then we're all set.

The code change that I made is doing what it's supposed to do, but it didn't change the problem with the new buttons...they still look like the screen shots I posted.

[jfriend]

The code change that I made is doing what it's supposed to do, but it didn't change the problem with the new buttons...they still look like the screen shots I posted.

OK, I'll delve into your CSS and see what I can figure out. The problem for me is that I can't see those buttons since they are only when you are logged in, but I'll see if I can guess what might be causing it by looking at my own site.

[colourbox]

1) I used to be able to click on the "tools" dropdown, and then type the initial letter of the menu item, in order to quickly access that particular tool. Now I am forced to use the mouse, making it significantly slower.

Yes, I miss this too. I used to type "re" to get Replace Photo and it was much faster than mousing especially when replacing multiple photos (since Smugmug has no bulk replace).

It started to break back when Smugmug made it hierarchical, but at least Page Up/Page Down to get to top/bottom of the menu still worked and I decided to live with it. But now the only shortcut that still works is using the arrow keys.

The problem now is that two of the functions I use the most, Replace and Arrange, are on the second level of the hierarchical menu. So not only are they out of reach of the type-ahead letters, but they require a third click for access. Now that the controls are at the top level, maybe the menu could be flattened since it starts much higher up on the page now? As it is, what used to take one click and typing a letter or two now takes three spatially precise mouse actions: aim and click to drop primary menu, aim (but don't click) to drop secondary menu, aim and click to select command. (i.e. more fatiguing, especially when scaled to many photos).

Edit: I just discovered that if a command is highlighted, you can press Return. That's good, but it makes me want even more to regain full keyboard control like on the application menu.

[jfriend]

The code change that I made is doing what it's supposed to do, but it didn't change the problem with the new buttons...they still look like the screen shots I posted.

OK, it looks like it's caused by one line of your CSS. Change:

.loggedIn .share_button {display: block;}

to this:

.loggedIn .shareButton {display:block; display:-moz-inline-box; display:inline-block;}

[SunGlo]

OK, it looks like it's caused by one line of your CSS. Change:

.loggedIn .share_button {display: block;}

to this:

.loggedIn .shareButton {display:block; display:-moz-inline-box; display:inline-block;}

All right...thanks John that took care of the problem. I appreciate your patience and help.

Phil

[flyingpoint]

Just tried to add both the original and page 7 CSS suggestions to get my tools to appear. No luck.

Could someone take a look?

Thanks.

[jfriend]

Just tried to add both the original and page 7 CSS suggestions to get my tools to appear. No luck.

Could someone take a look?

Thanks.

By the way. Your domain doesn't seem to be working. I could get to your site via http://flyingpointroad.smugmug.com, but not via http://www.flyingpointroad.com.

You aren't seeing the new buttons because you have hidden them with this line of custom CSS:

#breadcrumb {visibility: hidden;}

You have two options here. Your CSS comment indicates you only put that in to tighten up your slideshow spacing. If that's the case, then change that line to:

.homepage #breadcrumb {display:none;}

and it will only take effect on your homepage, allowing the breadcrumb and new buttons to show.

If you don't want the breadcrumb on your galleries, then change the above line to this:

#breadCrumbTrail {visibility:hidden;}

and you should be able to see the new buttons.

[flyingpoint]

Crazy night.

The domain keeps going off & on. Didn't work for a while. Now it's fine.

And I tried your suggestion. It shows the breadcrumb on the page --- but not the tool bar.

What's plan b?



By the way. Your domain doesn't seem to be working. I could get to your site via http://flyingpointroad.smugmug.com, but not via http://www.flyingpointroad.com.

You aren't seeing the new buttons because you have hidden them with this line of custom CSS:

#breadcrumb {visibility: hidden;}

You have two options here. Your CSS comment indicates you only put that in to tighten up your slideshow spacing. If that's the case, then change that line to:

.homepage #breadcrumb {display:none;}

and it will only take effect on your homepage, allowing the breadcrumb and new buttons to show.

If you don't want the breadcrumb on your galleries, then change the above line to this:

#breadCrumbTrail {visibility:hidden;}

and you should be able to see the new buttons.

[Andy]

Crazy night.

The domain keeps going off & on. Didn't work for a while. Now it's fine.

And I tried your suggestion. It shows the breadcrumb on the page --- but not the tool bar.

What's plan b?Hi, you're all set, I added this


.loggedIn #altViews {visibility: visible;}

[flyingpoint]

Thank you, Andy. Greatly appreciated.


Hi, you're all set, I added this


.loggedIn #altViews {visibility: visible;}

[wyzaswench]

MOD EDIT (Andy): All the new stuff announcd in Release Notes (http://blogs.smugmug.com/release-notes/2008/10/30/buttons-and-lots-more-october-30-2008/).

ATTN CUSTOMIZERS: Don't see the new tools button? If you use

#breadcrumb {display: none;} you should also add

.loggedIn #breadcrumb {display: block;} so that you can see the tools buttons. Just holler if you need help, it's a 10seconds CSS addition and we don't mind doing it for you :D


Ok, I'ma hollerin' - I added what you said to my css but I still cannot get the tools to show up. When I am in my Client proofing area and trying to customize an album and add a feature photo, now I can't see any dropdown menus at all. Please help. :dunno:scratchwww.wildsideportraits.smugmug.com

Thanks,
Val

[Andy]

Ok, I'ma hollerin' - I added what you said to my css but I still cannot get the tools to show up. When I am in my Client proofing area and trying to customize an album and add a feature photo, now I can't see any dropdown menus at all. Please help. :dunno:scratchwww.wildsideportraits.smugmug.com

Thanks,
ValHi, you have gobs of errors in your CSS. I will fix them all for you standby.

[Andy]

Please help.

Should be all set now.
http://wildsideportraits.smugmug.com/gallery/6416430_Jxz4t#406347466_kwXqt

[wyzaswench]

Should be all set now.
http://wildsideportraits.smugmug.com/gallery/6416430_Jxz4t#406347466_kwXqt

Thanks Andy! :D All looks great except for my home page. Now there is some blue box around my text that appears vertically down the page under the slideshow.

[Allen]

Thanks Andy! :D All looks great except for my home page. Now there is some blue box around my text that appears vertically down the page under the slideshow.
The border in this is causing it.

#myBioText {
float: left;
margin-top: 0px;
width: 300px;
text-align: justify;
font-size: 140%;
border: 10px solid #B4E5FC;
}

btw, the link in your siggy doesn't work.

Might like this better.

#myBioText {
margin: 0px auto;
width: 700px;
text-align: justify;
font-size: 120%;
}

Don't need this.

#myBioText p {
padding: 10px;
}

[Lou Gonzalez]

:D aw shucks

So, for all reading this, if you use

#breadcrumb {display: none;} you should also add

.loggedIn #breadcrumb {display: block;} so that you can see the tools buttons. Just holler if you need help, it's a 10seconds CSS addition and we don't mind doing it for you :D

I added the code above (since I do hide the breadcrumb) and I still don't see it. Any ideas?:dunno

[wyzaswench]

The border in this is causing it.

#myBioText {
float: left;
margin-top: 0px;
width: 300px;
text-align: justify;
font-size: 140%;
border: 10px solid #B4E5FC;
}

btw, the link in your siggy doesn't work.

Might like this better.

#myBioText {
margin: 0px auto;
width: 700px;
text-align: justify;
font-size: 120%;
}

Don't need this.

#myBioText p {
padding: 10px;
}


Thanks Allen, got it now~!:clap

[Andy]

I added the code above (since I do hide the breadcrumb) and I still don't see it. Any ideas?:dunno
Sure I'll fix - give me a direct link to a gallery where you have no tools.

[Lou Gonzalez]

Sure I'll fix - give me a direct link to a gallery where you have no tools.

http://www.lifesharephoto.com/gallery/6291680_KuoA4#396713724_3mrh5

Please let me know what you do as I have a buddy who is having the same troubles as me. Thanks!

[Andy]

http://www.lifesharephoto.com/gallery/6291680_KuoA4#396713724_3mrh5

Please let me know what you do as I have a buddy who is having the same troubles as me. Thanks!
You have customizing AND a custom theme.

add the bold to your custom theme


/*Hides breadcrumb Navigation. */
.galleryPage #breadcrumb {display:none;}
#breadcrumb {display:none}
.loggedIn #breadcrumb {display: block;}

[Lou Gonzalez]

You have customizing AND a custom theme.

add the bold to your custom theme


/*Hides breadcrumb Navigation. */
.galleryPage #breadcrumb {display:none;}
#breadcrumb {display:none}
.loggedIn #breadcrumb {display: block;}

That did it! I forgot about the theme. Thanks so much!

[richW]

Thanks Andy! :D All looks great except for my home page. Now there is some blue box around my text that appears vertically down the page under the slideshow.OK, did you fix it, or am I missing it? :D
Logged in & out I'm not seeing any blue box. Take a screen grab if you are still seeing it......

[Netgarden]

Did you enhance colors or something different along that line? Last night late, I opened my front page and everything looked lighter and brighter. No, not the pc, I edit a ton of photos and they are exactly as I want them. But now brighter in smugmug. Whats up w dat?:scratch thnx

[Erick L]

You can try changing "breadcrumb" to "breadCrumbTrail" and see if that fixes the issue. That change will work for modifying gallery breadcrumbs, but not category breadcrumbs.

Thanks. That has worked as you said and it'll do for now. I had not changed to breadCrumbTrail since it wasn't broke so I didn't fix it.

A question: How do you change the background color of the drop-down menu?

As to say if it's good or not... It looks better but it does add more mouse movements. What I'd like to see is a "toolbar" at the very top of the page (above header, like the PBase or Blogger search bars) and put the buttons in there. You could line up more buttons without interfering with page layout.

Thank you.

[dennismullen]

Is there a way to remove the icons from the buttons? I do not consider them an improvement. The "add comment" icon is especially bad.

[Andy]

Is there a way to remove the icons from the buttons? I do not consider them an improvement. The "add comment" icon is especially bad.
Hi, these are not new, have been on the site for over a month. The answer is yes, you can make your own buttons, here's the PSD and info :) http://wiki.smugmug.net/display/SmugMug/New+Buttons+September+2008

Announced Sept 28th:
http://blogs.smugmug.com/release-notes/2008/09/27/new-buttons-and-more-september-26-2008/



Post any questions in a new thread in Customizing forum :)

[Andy]

Did you enhance colors or something different along that line? Last night late, I opened my front page and everything looked lighter and brighter. No, not the pc, I edit a ton of photos and they are exactly as I want them. But now brighter in smugmug. Whats up w dat?:scratch thnx
Hi Linda, no, we didn't change any of that. :dunno - send screen grabs if you can?

[Andy]

A question: How do you change the background color of the drop-down menu?.

When you're ready to customize that, make a post in the customizing forum, Erick, and we'll help :D Thanks!

[wyzaswench]

OK, did you fix it, or am I missing it? :D
Logged in & out I'm not seeing any blue box. Take a screen grab if you are still seeing it......


Yes Rich, I fixed it. Allen told me what was wrong and sent me the correction. thx.

[PBolchover]

Another comment: it is very confusing having "Adjust thumbnails" and "Crop thumbnail" on different sub-menus!

[PBolchover]

It would be nice to be able to move galleries, and to apply quick settings directly from the tools, in addition to be able to do it via "customise gallery".

[{JT}]

It would be nice to be able to move galleries, and to apply quick settings directly from the tools, in addition to be able to do it via "customise gallery".


We are working on it. Probably start with some of the easier ones that don't quite change the immediate appearance of the gallery.

[Andy]

Another comment: it is very confusing having "Adjust thumbnails" and "Crop thumbnail" on different sub-menus!
Well, "Adjust thumbnails" is for all the photos - and "Crop thumbnail" is for only one photo.

[PBolchover]

Well, "Adjust thumbnails" is for all the photos - and "Crop thumbnail" is for only one photo.

I know that. But, having found "Adjust thumbnails", it took me a long time to locate "Crop thumbnail".

[rolette]

Posted this in another thread about the updated menus, but pretty sure it got lost in all the help being given to get folks web pages straightened out... Reposting to try to get this tweaked.

I think I like the new Tools menu (I'll get a better feel tonight after I upload my next batch of pictures), but is there any chance you could move the "Crop Thumbnail" up one level in the menu structure? When using square thumbs, I generally have to adjust the thumbnail on ~40% of my pics so having it buried under "More" slows things down a bit.

Actually, while you are in the neighborhood, it would be nice if the Crop Thumbnail page defaulted to 1:1 on the ratio for galleries that use square thumbs :nod

Jay

[Andy]

Posted this in another thread about the updated menus, but pretty sure it got lost in all the help being given to get folks web pages straightened out... Reposting to try to get this tweaked.

I think I like the new Tools menu (I'll get a better feel tonight after I upload my next batch of pictures), but is there any chance you could move the "Crop Thumbnail" up one level in the menu structure? When using square thumbs, I generally have to adjust the thumbnail on ~40% of my pics so having it buried under "More" slows things down a bit.

Actually, while you are in the neighborhood, it would be nice if the Crop Thumbnail page defaulted to 1:1 on the ratio for galleries that use square thumbs :nod

JayThanks for the feedback, Jay - I'll make sure the team sees it!

[HighLightPhotos]

The new Tools button for gallery options is a nice improvement, but it does not show completely on my pages.
I do not see the "This Photo" section in the drop-down menu!

My menus start with "Many Photos" then "This Gallery" and "My account" sections.

Here's a link (http://www.highlightphotos.com/gallery/6436097_7chDW#407838963_9htmG)to the gallery I am working with.

Something in my customization may be effecting this button from displaying correctly but I haven't a clue what!:scratch

I'd appreciate your help in fixing this on my site since I need the options that are under the "This Photo" portion of the drop down menu.

Thanks in advance!

(I created another thread on this, and then saw this one which is so active - will be glad to delete the other one if I get answered here. tnx)

[darryl]

Yes, I miss this too. I used to type "re" to get Replace Photo and it was much faster than mousing especially when replacing multiple photos (since Smugmug has no bulk replace).

It started to break back when Smugmug made it hierarchical, but at least Page Up/Page Down to get to top/bottom of the menu still worked and I decided to live with it. But now the only shortcut that still works is using the arrow keys.

The problem now is that two of the functions I use the most, Replace and Arrange, are on the second level of the hierarchical menu. So not only are they out of reach of the type-ahead letters, but they require a third click for access. Now that the controls are at the top level, maybe the menu could be flattened since it starts much higher up on the page now? As it is, what used to take one click and typing a letter or two now takes three spatially precise mouse actions: aim and click to drop primary menu, aim (but don't click) to drop secondary menu, aim and click to select command. (i.e. more fatiguing, especially when scaled to many photos).

Edit: I just discovered that if a command is highlighted, you can press Return. That's good, but it makes me want even more to regain full keyboard control like on the application menu.

Instead if relying on unreliable browser keyboard navigation behavior, which is clearly brittle, SmugMug should implement single-key shortcuts a la Lightroom (hello Wade) or Gmail keyboard shortcuts. If you're in a gallery and you're not in a text input field, then R should fire up Replace, A should Arrange, C would Crop, and oh *please* H would Hide. This would make workflow sooooo much faster.

[darryl]

The new tools button is not that bad but it requires scrolling up to find it, bad
bad. Most will be viewing photos when this is needed and the tools button is
out of view.I can see no reason why it's not below the main photo like it used to be.


I think that's a function of big headers, which I feel, with all due respect, is a blight on the the web in general. If you're using the standard SmugMug headers, the tools button shows up fine, even on a measly 1024x768 screen. (See attached.)


It's really irritable that customize gallery can't be quickly gotten to. At least
move it to above "This Photo" in the drop and make the text red or something.
Requires reading the list to find it and reading is hard.
Just my .02 :D

Agreed that Customize Gallery is a tad harder to get to now. But I've been hating those drop-down menus for, like, ever.

[darryl]

HORRID. absolutely awful
poorly thought out....

i want them BACK at the bottom of the image
and i would like to ONLY have the tools that i want/need
so i didn't have to wade through all that crap to get to the
few tools that i want... we should be able to switch what tools
we want on and off....

i mean, we have to go dragging thru MORE to get to
crop thumbnail or feature an image

...whats the use... the canges are here, and i doubt
they will go back....

BAD..

What? Respectfully, I disagree. You just have to drag to the right, but I think it's probably the same distance. Also, trying to find just the right option in a huge single drop-down menu is muuuuch harder than a hierarchical menu.

http://cdn.smugmug.com/img/help/edit-photos-online-3.jpg http://cdn.smugmug.com/img/help/photo-tools-menu/tools-menu-editing.jpg

[Andy]

Agreed that Customize Gallery is a tad harder to get to now.

It is?

http://img.skitch.com/20081102-xn3fpjdiqcbr81s8gsnbmmai8u.jpg

Nick, Schmoo, Ivar, and I want to know how :D It sure seems as easy and not any bit harder (a mouse click and then find the choice on the menu). But could you and Allen tell me where I'm all wrong?

[Andy]

The new Tools button for gallery options is a nice improvement, but it does not show completely on my pages.
I do not see the "This Photo" section in the drop-down menu!

My menus start with "Many Photos" then "This Gallery" and "My account" sections.

Here's a link (http://www.highlightphotos.com/gallery/6436097_7chDW#407838963_9htmG)to the gallery I am working with.

Something in my customization may be effecting this button from displaying correctly but I haven't a clue what!:scratch

I'd appreciate your help in fixing this on my site since I need the options that are under the "This Photo" portion of the drop down menu.

Thanks in advance!

(I created another thread on this, and then saw this one which is so active - will be glad to delete the other one if I get answered here. tnx)
Sorcerer {JT} fixed you up. :thumb

[Montec]

Very nice update on the Tools button :clap

[darryl]

It is?

Nick, Schmoo, Ivar, and I want to know how :D It sure seems as easy and not any bit harder (a mouse click and then find the choice on the menu). But could you and Allen tell me where I'm all wrong?

Yes, it is more work. You have to drag further. There's more stuff in the way. :-}

Oh man, look at what you did. You made me bust out my l33t MS Paintbrush skillz:

http://darryl.smugmug.com/photos/408383572_WVyM5-M.png http://darryl.smugmug.com/photos/408383510_XjvEh-M.png

(Yes, it's ugly and I feel dirty, but I don't do Photoshop, nor do I have a fancy Wacom tablet.)

Now keep in mind, I like the new tools. I really really do. I'm just saying Allen has a point about Customize Gallery being harder to get to. But I absolutely don't think we should go back to HTML drop-down menus or putting them below photos.

[Andy]

Yes, it is more work. You have to drag further. There's more stuff in the way. :-}

Oh man, look at what you did. You made me bust out my l33t MS Paintbrush skillz:

http://darryl.smugmug.com/photos/408383572_WVyM5-Th.png http://darryl.smugmug.com/photos/408383510_XjvEh-Th.png

(Yes, it's ugly and I feel dirty, but I don't do Photoshop, nor do I have a fancy Wacom tablet.)

Now keep in mind, I like the new tools. I really really do. I'm just saying Allen has a point about Customize Gallery being harder to get to. But I absolutely don't think we should go back to HTML drop-down menus or putting them below photos.:lol3 talk about splitting hairz :D

[Andy]

Very nice update on the Tools button :clap
Monte - thanks!

[darryl]

:lol3 talk about splitting hairz :D

Well, sure. And I'm sure people will adapt (not like they have a choice.) Muscle memory can be retrained.

But I just wanted Allen (and others) to know that I know where they're coming from.

[birchfield]

Hi,
I still can't see the new tools
Would someone mind taking a look at my CSS to see what i've done wrong?

Thanks!
James

[Andy]

Hi,
I still can't see the new tools
Would someone mind taking a look at my CSS to see what i've done wrong?

Thanks!
James
fixed

[birchfield]

fixed

Thanks Andy! :D

[dogwood]

Okay, would someone mind double checking this code? I want the tools buttons to show but I don't ever want the breadcrumb to show for the public on one category (http://petespringer.smugmug.com/Models). It's fine if the breadcrumb shows when I'm logged in.

So here's what I added to my CSS. Too much code or something I'm missing?

/* SHOWS TOOLS BUTTON */
#breadcrumb {display:none}
#breadcrumb {visibility: hidden;}
.loggedIn #breadcrumb {visibility: visible;
display: block;
}

/*Hides breadcrumb Navigation. */
.galleryPage #breadcrumb {display:none;}
#breadcrumb {display:none}
.loggedIn #breadcrumb {display: block;}

/* SHOW BREADCRUMBS WHEN LOGGED IN */
.loggedIn #breadcrumb {display: block;}

[jphill]

I started to have trouble a few weeks ago on my gallery pages with the "BUY" and "SHARE" buttons. Here is a link to a gallery that the "BUY" and "SHARE" button are not working. The password is 61408. http://www.phillipsphotostudio.com/gallery/5165561_vBtzt

Now I am having the same trouble with my "ADD PHOTOS", "TOOLS", and so on on all my pages and homepage as of this weekend. I am a loss on how to fix this and tried to read the threads to get help but it is not working.

When I click on the menu buttons they appear to be missing options and are arranged funky. My site is http://www.phillipsphotostudio.com/

Any ideas on how I can fix this? I am not good with this code stuff so it is probably a mess when you look at it but if you could give it a shot that would be great.

Jennifers:dunno

[jfriend]

I started to have trouble a few weeks ago on my gallery pages with the "BUY" and "SHARE" buttons. Here is a link to a gallery that the "BUY" and "SHARE" button are not working. The password is 61408. http://www.phillipsphotostudio.com/gallery/5165561_vBtzt

Now I am having the same trouble with my "ADD PHOTOS", "TOOLS", and so on on all my pages and homepage as of this weekend. I am a loss on how to fix this and tried to read the threads to get help but it is not working.

When I click on the menu buttons they appear to be missing options and are arranged funky. My site is http://www.phillipsphotostudio.com/

Any ideas on how I can fix this? I am not good with this code stuff so it is probably a mess when you look at it but if you could give it a shot that would be great.

Jennifers:dunno

I think this is caused by a whole bunch of HTML errors in your navbar. Where did your navbar source come from. It appears that you have mismatched DIV, UL and LI tags that are probably messing up the HTML that comes after the navbar (including the buttons).

Your HTML must follow the form:

<div>
<ul>
<li>
</li>
</ul>
<div>

Some simple rules to make sure your HTML follows:

For every <li>, you must have a matching </li>
For every <ul>, you must have a match </ul>
For every <div>, you must have a matching </div>
You can nest a <ul></ul> pair inside of an outer <ul></ul> tag as long as everything is fully contained within the outer one. You can't, for example, have <ul><li><ul></li></ul></ul>
If you sort out the HTML for your navbar to follow these rules, I think things will start working again.

Here's a short helper page (http://www.htmlcodetutorial.com/_UL.html) on how the UL and LI tags work.

[Allen]

...
Change your header nav html with this, fixes a few errors. Also with a
domain switches to relative links so either your domin or nickname (logging in)
sricks.

<!-- CSS Dropdown Nav Bar -->

<div align="center">
<div class="menu">

<ul>
<!-- First Main Menu Item - Home -->
<li><a class="drop" href="/" title="Phillips Photography">Home</a></li>

<!-- Next Main Menu Item - Galleries -->
<li><a class="drop" href="/galleries" title="Galleries">Galleries
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/6114993_jAjnt" title="Weddings">Weddings</a></li>
<li><a href="/gallery/5969150_ymykK" title="Trash the Dress">Trash the Dress</a></li>
<li><a href="/gallery/6110748_oQuML" title="Seniors">Seniors</a></li>
<li><a href="/gallery/6115146_MvmXn" title="Children">Children</a></li>
<li><a href="/gallery/6353786_AHTMs" title="Family">Family</a></li>
<li><a href="/gallery/4676174_APQtB" title="Nature">Nature</a></li>
<li><a href="/galleries" title="Client Access">Client Access</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item - Package Rates-->

<li><a href="/gallery/4961007_poWmJ" title="Package Rates">Rates
<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="/gallery/6116659_ibwTU" title="Wedding Packages">Weddings</a></li>
<li><a href="/gallery/6116651_Py3fh" title="Senior Packages">Seniors</a></li>
<li><a href="/gallery/4961007_poWmJ" title="Portrait Packages">Portraits</a></li>
<li><a href="/gallery/5980217_t9s6N" title="More Packages">More</a></li>
</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<!-- Next Main Menu Item - Photographer -->

<li><a href="/gallery/4949840_wD7tc" title="The photographer"> Photographer</a></li>

<!-- Next Main Menu Item - Contact Us -->

<li><a href="/gallery/4949840_wD7tc" title="Contact Us">Contact Us</a></li>

</ul> <!--[if lte IE 6]></td></tr></table></a><![endif]-->
</div>
</div>

<!-- End Navbar Code -->

[jphill]

Change your header nav html with this, fixes a few errors. Also with a
domain switches to relative links so either your domin or nickname (logging in)
sricks.



Thanks Al, the new html code works !!:thumb Two more Q's.

Can you elaborate on your second comment about domain switches? I did not understand, sorry.

Also, a new problem now when I hover down the droplist under galleries and rates on the navbar they seem to fall behind the slideshow on my homepage or behind my filmstrips in my galleries. I had a fix in there at one time since this came up before but it does not seem to work with the new changes I made. Any suggestion to fix that?

Thanks tons! Jennifer

[kazuri images]

I'm CSS stupid so I'm not sure if I need some of the "breadcrumb" text or if i need to modify something else. I've lost my ability to arrange galleries/sub-categories in each category, you know, put them in a different order. There is no "arrange" button anymore. Here is a link to an example page: http://kazuriimages.smugmug.com/Images%20of%20Beauty/577604
I want my Portfolio first in line, or to arrange them otherwise. Can you help?

Thanks,
Darci
www.kazuriimages.com (http://www.kazuriimages.com)

[jphill]

Thanks Al, the new html code works !!:thumb Two more Q's.

Can you elaborate on your second comment about domain switches? I did not understand, sorry.

Also, a new problem now when I hover down the droplist under galleries and rates on the navbar they seem to fall behind the slideshow on my homepage or behind my filmstrips in my galleries. I had a fix in there at one time since this came up before but it does not seem to work with the new changes I made. Any suggestion to fix that?

Thanks tons! Jennifer

NEVERMIND!! I got it to work using another thread. :D It only took me 3 hours of reading and trying around 25 ideas before I found one that worked but never the less it is fixed. Below is what I found on another thread that worked for me. I had to add 999.


Found one thing here, by changing the 000 here to 999 the drops showed
in IE. I've seen this weird thing before. Program I'm using to check, the drops
don't even show in IE wihout this change.

.menu ul li a:hover {
color: #036; /* main hover */
background: #999; /* main hover */

[Barb]

I'm CSS stupid so I'm not sure if I need some of the "breadcrumb" text or if i need to modify something else. I've lost my ability to arrange galleries/sub-categories in each category, you know, put them in a different order. There is no "arrange" button anymore. Here is a link to an example page: http://kazuriimages.smugmug.com/Images%20of%20Beauty/577604
I want my Portfolio first in line, or to arrange them otherwise. Can you help?

Thanks,
Darci
www.kazuriimages.com (http://www.kazuriimages.com)

Hi Darci :)

You first need to set the "sort by" to position on your homepage. From here:

http://kazuriimages.smugmug.com/

Look in the upper left of your galleries box where it says:

"Sort categories by: most recent - position"

Click on position.

You will then have an "arrange" link at the category and subcategory level in the upper left.

Holler if you run into any problems!

[jfriend]

This has been added and will go out with the next update.

JT, here are three more minor CSS cleanup things that would be nice to see some time.

A typical breadCrumbTrail looks like this:

<div id="breadCrumbTrail">
<a href="/" class="nav">Friend</a> &gt;
<a href="/Sports" class="nav">Sports</a> &gt;
<span class="title">Barracudas - Fall 2008</span>
</div>

This allows you to target everything in the breadCrumbTrail with CSS except for two things.
The > signs in the breadcrurmb are not in any kind of span so you can't really reach them with separate CSS. This is particularly a problem when you are trying to hide one level of the breadcrumb and you are left with an extra > sign. It requires javascript and innerHTML modification to just hide an > sign. If it was in a uniquely identified <span> tag, one could do this just with CSS. I see folks regularly running into this and they either live with a less than desirable CSS customization or they have to resort to javascript when CSS should have been able to do the job.
It would be nice if we could separately style or hide with CSS, the different levels of the breadcrumb. To do that, we'd need a class or ID that was different for the first level, second level, etc...Then, on the homepage and categories pages, it would be awesome if each category, sub-category or gallery minibox had a unique classname in it. Then, one could hide a category purely with CSS and wouldn't need the delCategory javascript function that a lot of people are using. You already generate unique category, sub-category and gallery class names that you put in the body tag. It would be awesome if that same tag went in that category, sub-category or gallery's minibox like this:

<div class="miniBox category_Sports">
or
<div class="miniBox gallery_5608869">

Then you could either style the category thumb uniquely or hide it, all with CSS. This can be done with javascript today, but even with JS, it's not easy to figure out which minibox is which. The delCategory technique has to look at the actual HTML for the category to try to pull out the name and match a pure text name which is brittle and quite complicated.

[{JT}]

Very good ideas!

As for breadcrumbs I have a few minor ideas that I am toying with. One is to use OL and LI tags for the breadcrumb parts (including the separators) and give them IDs, etc.

JT, here are three more minor CSS cleanup things that would be nice to see some time.

A typical breadCrumbTrail looks like this:

<div id="breadCrumbTrail">
<a href="/" class="nav">Friend</a> &gt;
<a href="/Sports" class="nav">Sports</a> &gt;
<span class="title">Barracudas - Fall 2008</span>
</div>

This allows you to target everything in the breadCrumbTrail with CSS except for two things.
The > signs in the breadcrurmb are not in any kind of span so you can't really reach them with separate CSS. This is particularly a problem when you are trying to hide one level of the breadcrumb and you are left with an extra > sign. It requires javascript and innerHTML modification to just hide an > sign. If it was in a uniquely identified <span> tag, one could do this just with CSS. I see folks regularly running into this and they either live with a less than desirable CSS customization or they have to resort to javascript when CSS should have been able to do the job.
It would be nice if we could separately style or hide with CSS, the different levels of the breadcrumb. To do that, we'd need a class or ID that was different for the first level, second level, etc...Then, on the homepage and categories pages, it would be awesome if each category, sub-category or gallery minibox had a unique classname in it. Then, one could hide a category purely with CSS and wouldn't need the delCategory javascript function that a lot of people are using. You already generate unique category, sub-category and gallery class names that you put in the body tag. It would be awesome if that same tag went in that category, sub-category or gallery's minibox like this:

<div class="miniBox category_Sports">
or
<div class="miniBox gallery_5608869">

Then you could either style the category thumb uniquely or hide it, all with CSS. This can be done with javascript today, but even with JS, it's not easy to figure out which minibox is which. The delCategory technique has to look at the actual HTML for the category to try to pull out the name and match a pure text name which is brittle and quite complicated.

[jfriend]

Very good ideas!

As for breadcrumbs I have a few minor ideas that I am toying with. One is to use OL and LI tags for the breadcrumb parts (including the separators) and give them IDs, etc.

That would work fine for future styling. It would probably break a bunch of existing styling though, particularly javascript hacks that are doing search/replace.

[jfriend]

Very good ideas!

As for breadcrumbs I have a few minor ideas that I am toying with. One is to use OL and LI tags for the breadcrumb parts (including the separators) and give them IDs, etc.

Hmmm. I just came across an interesting CSS styling problem. There appears to be no way to target CSS rules in the header area to be effective only on the password page. The body tag doesn't tell you that you're on the password page.

A user has multiple navbars in his header and hides/shows them as appropriate according to the context that he gets from the classes in the body tag. Now, along comes a password prompt page and the body tag just looks like:

<body class="tempClass notLoggedIn bodyColor_Black">

It is not until the <div id="content" class="galleryPassword passwordPage"> that a CSS rule can tell it's a passwordPage, but the header (and thus his navbars) are before and outside that div.

So, there's no clean way to define what part of his header should show on this gallery password page.

It would be much easier to solve this problem if we had:

<body class="tempClass notLoggedIn bodyColor_Black galleryPassword passwordPage gallery_6852981">

Then, he could explicitly target header CSS rules in the header area to this particular page and he could even vary them by gallery.

[Allen]

...
A user has multiple navbars in his header and hides/shows them as appropriate according to the context that he gets from the classes in the body tag. Now, along comes a password prompt page and the body tag just looks like:
.
John, I have many navbars in my header and none appear on any password
page. I've done nothing special to hide them. Why would anyone want a nav
to show there anyway?

[jfriend]

John, I have many navbars in my header and none appear on any password
page. I've done nothing special to hide them. Why would anyone want a nav
to show there anyway?

The work-around is to hide navbars by default, then show them only in a known context (which means you may not have navbars in some contexts that you don't know exist). I presume that's what you did.

But, the point of this posting is that there's no way to use CSS to style the header uniquely in a password page. That seems like an oversight that is probably easy to fix so I thought I'd mention it.

Imagine you want a single navbar everywhere on your site except of the password page. Today, that's not that easy to write the CSS for. You have to hide it by default, then find every other known context to show it.

#navcontainer {display:none;}

.homepage #navcontainer,
.category #navcontainer,
.subcategory #navcontainer,
.galleryPage #navcontainer,
.keywordPage #navcontainer,
.datePage #navcontainer,
.searchResults #navcontainer {display:block;}

If you could uniquely style that header in the password page, all you'd have to do is one simple piece of CSS:

.galleryPassword #navcontainer {display:none;}

My point is that the latter is way, way simpler and the former is not something that most people would know how to do and I probably missed some things in the first one.

[Allen]

...
All my log in pages go to this link and there is no active customization. :scratch

https://secure.smugmug.com/login.mg?go.......

[jfriend]

All my log in pages go to this link and there is no active customization. :scratch

https://secure.smugmug.com/login.mg?go.......

Gallery passwords don't go there. They don't appear to be done under SSL at all and the URL is just the URL of the gallery. See http://friend.smugmug.com/gallery/4854983_4tmAM for an example.

Same for site passwords.

--John

[Allen]

Gallery passwords don't go there. They don't appear to be done under SSL at all and the URL is just the URL of the gallery. See http://friend.smugmug.com/gallery/4854983_4tmAM for an example.

Same for site passwords.

--John
You are right, but on all my gallery password log in pages I only get one
banner and one navbar so the CSS is working with no specific CSS for any
password page except for background.

[jfriend]

You are right, but on all my gallery password log in pages I only get one
banner and one navbar so the CSS is working with no specific CSS for any
password page except for background.

Here's the site (http://www.rinkshots.com/gallery/6852981_fTQbv) in question and the thread (http://www.rinkshots.com/gallery/6852981_fTQbv) about it. I'm sure there are work-arounds that can solve this, I just thought there could be a simpler way and JT usually responds quickly to simple ways to improve the CSS. I didn't want to mess with this guy's site at all or even recommend a fix until he fixed all the unclosed div tags.

[{JT}]

Good idea, I can implement the galleryPassword classname his week - dunno when it will go out though.

Implementing a css class for the site wide password page may be more difficult, but we will see.

Hmmm. I just came across an interesting CSS styling problem. There appears to be no way to target CSS rules in the header area to be effective only on the password page. The body tag doesn't tell you that you're on the password page.

A user has multiple navbars in his header and hides/shows them as appropriate according to the context that he gets from the classes in the body tag. Now, along comes a password prompt page and the body tag just looks like:

<body class="tempClass notLoggedIn bodyColor_Black">

It is not until the <div id="content" class="galleryPassword passwordPage"> that a CSS rule can tell it's a passwordPage, but the header (and thus his navbars) are before and outside that div.

So, there's no clean way to define what part of his header should show on this gallery password page.

It would be much easier to solve this problem if we had:

<body class="tempClass notLoggedIn bodyColor_Black galleryPassword passwordPage gallery_6852981">

Then, he could explicitly target header CSS rules in the header area to this particular page and he could even vary them by gallery.

[jfriend]

Good idea, I can implement the galleryPassword classname his week - dunno when it will go out though.

Implementing a css class for the site wide password page may be more difficult, but we will see.

Thanks JT.

[jfriend]

This has been added and will go out with the next update.

JT, I found one more place that the breadcrumb stuff is still in the breadcrumb object, not a breadCrumbTrail object, rendering the simple CSS of hiding the breadCrumbTrail ineffective.

It's on this page: http://deborahjackson.smugmug.com/keyword/.

[{JT}]

JT, I found one more place that the breadcrumb stuff is still in the breadcrumb object, not a breadCrumbTrail object, rendering the simple CSS of hiding the breadCrumbTrail ineffective.

It's on this page: http://deborahjackson.smugmug.com/keyword/.

The breadCrumbTrail ID was added to the keyword and date homepages with the latest push.

[jfriend]

This has been added and will go out with the next update.

JT, I just found one more place that there's no breadCrumbTrail object. It's in ShareGroups. I also was surprised that there's no sharegroup number as a class somewhere so there is no way to make CSS that is specific to one particular sharegroup.

In particular, somebody wanted to hide the breadcrumb in one particular sharegroup. That wasn't possible and even if they want to hide it in all their sharegroups, you can't hide the breadcrumb without also hiding the sharegroups tools which is a pain.

Sharegroups would like to have breadCrumbTrail too.