Pages, Breadcrumbs, & Navigation

We have level 2 pages that need to not be part of the navigation, but need to be part of the breadcrumbs. We started creating pages outside of the navigation page because we thought this was the answer, but these pages do not appear in the breadcrumbs. Please advise.

You can create a standard page through Finder, not being a Navigation Section and Landing page, that will show up in the breadcrumb control if you create the page within the navigation folder. When you create a standard page, it will not show up in Navigation. Only section landing pages show up in the Navigation widget.

When using the breadcrumbs, there is a setting on the Breadcrumb widget to allow showing of current page. If you create the page within the nav section, and check that option off in the Breadcrumb widget, it will show the nav path in the breadcrumb up to the section you are in, and will then list the current page title after.

if i try
folder1 (nav)
folder2 (nav)
folder2A (just a folder)
folder3 (nav)

of course i’ll get a breadcrump
home / folder2

but i wanted something like this
folder1 (nav)
folder2 (nav)
folder3 (just a folder)
folder4 (nav)

when i preview page1 (folder3), it just say home in the breadcrumbs
the breadcrump checkbox is checked for properties show home and show current page

what i’m hoping to see is
home / folder3

Along with deejct’s response, (the tabbing did not appear in his example) but we checked the settings, and current page is selected.

Breadcrumb widgets are directly driven off of Navigation. You would need something like this:
folder1 (nav)
folder2 (nav)
folder3 (nav)
folder4 (nav)

to see

home / folder3

Thanks Daved… i believe that is the problem. We need folder3 to not appear in the navigation bar at the top of the page. But it must appear in the breadcrumbs. I have never worked with an app where these were directly related, this makes things confusing… Maybe we need to discuss a work around?

Great thanks!

Breadcrumb widget option to show current page is checked but page is not being listed after section. Section is Information Technology and page is Help Desk. What displays is Home > Information Technology. Shouldn’t it be Home > Information Technology > Help Desk?
All pages have been approved and published. I’m viewing on [site]:9980.

You mention creating the page within the nav section. How is that done?

Hey Lloyd,

The Breadcrumb widget pulls directly from your site’s navigation tree, therefore only section landing pages will appear in your breadcrumbs (pages with the blue “>>” arrows next to them in the finder). If you want your Help Desk page to appear in your Breadcrumb widget, you will need to create a new “Help Desk” section under your “Information Technology”, and then drag and drop your Help Desk page onto your new Help Desk section to make it the section’s landing page.

Alternately, you could use a Title widget to display the title of you current page, and couple that with your Breadcrumb widget for the effect your looking for (this would require some CSS styling in order to look right, of course).

Hi Nathaniel,
I think I might understand the navigation now. At least, better. I’ll probably be back here to investigate this CSS and display:none in the future.
But, for now, It’s on to the next [whatever that may be].
Thanks again,

No problem as always, Lloyd.

These are the key behaviors for Navigation and some ideas:

  • Navigation links are “explicitly ordered” whereas all other auto generated link lists are ordered based on the query you use. That is, the key benefit of Navigation is that you can use the Navigation Editor to manually put each box in the order you want, and that order has nothing to do with page name, creation date, or any other property. It also means that you can change the order later by dragging boxes around. If you need “explicit order” then you MUST use navigation (navigation entries and navigation widgets).
  • All navigation widgets include ONLY the pages (or links) that appear in the navigation tree for a site (only the boxes in the navigation editor). There is no way for a page outside of this tree to be included in a Navigation Widget, though a page outside the tree can be added to the navigation tree through drag and drop as you go. The “box” carries the “order” of the page in the tree, both in the hierarchy and sorting within a level.
  • All “ancestor” navigation nodes are passed to the navigation widgets for a given page, this includes “aunts and uncles” (sibling nodes of direct ancestors).

Generally speaking you have these two major options (when direct config of widgets doesn’t get you what you want)

Manually Ordering Required - Use Navigation widgets and navigation editor pages, and then add more filtering of the resulting navigation tree to your site needs (see below) to get rid of the “extras” you don’t want. (this presumes the built-in filtering of the navigation widgets by level is not good enough) CSS classes are the best bet here.

Ordering Optional - may use Auto List Widget instead of Navigation widget and your own list criterion. Auto Lists generate link lists much like the Navigation Widgets but are based on general queries. Remember, you lose Order, including hierarchy. Your link list will be ordered by the inherent properties of the pages in the list (title, date, etc.)

For a breadcrumb, option 1 seems to make the most sense, as hierarchy and order are key.

What you need to do:

  1. Put all the pages in the navigation editor, using the “boxes” here to order them into levels and to sort the order of the boxes within each level. Don’t worry here about the display, just about the ordering.
  2. In the Navigation Editor for each box, add descriptive CSS classes to some of the boxes. We just added this in 2.7*. It’s very useful! For example, you might add a CSS class like “utility” to those boxes that you want to only show up in “utility” nav and not in the main nav. You might add a class like “footer” for boxes you want to show up in the footer nav, but not elsewhere.
  3. Use the Navigation widgets (breadcrumb, etc.) - set widget configuration to “over populate” results as needed. That is, set the widget so you get more than what you want to display, but not less. Removing entries is easier than adding back.
  4. Use CSS in your theme to hide the extra values. This example hides all boxes that are marked as “utility” for the “main-nav” region:
    div.main-nav .utility {display: none}
    (syntax may be a bit off here)

*If you’re not yet on 2.7, do the same as the above, but use the built-in numbered classes the navigation tree e.g. “nav-position-2” etc.

The CSS feature we added in 2.7 is just a start and a generic way to do this. We plan lots of updates to the Navigation widgets and the Navigation Editor to make this less dependent on CSS. One thing on the short list is to be able to filter nav in the widget configuration by the CSS class. E.g. “show only: utility” and “show only: footer”