nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Is it possible to always show the full breadcrumb navigation?

Louise Beilfuß

In our confluence there is a breadcrumb navigation at the top of each page, which reflects the current position inside the page hierarchy. By default this list will be collapsed, for example:

Overview > Product X > ... > Current Page

To use it for navigation it is necessary to first click the dots to expand to a full list, then select the page you want to go to. When working with it a lot this extra click can become incredibly annoying, especially since we have hierarchies that would easily fit the available space in the navigation bar.

Is it possible to set a value somewhere so that the breadcrumb navi will be displayed in its full extent by default?

Thanks in advance!

EDIT: This has been discussed here:

http://forums.atlassian.com/thread.jspa?messageID=257217745&#257217745

The suggested user option to always shorten or always expand is what I was looking for. However, this post is form 2005 and contains only suggestions. Has this been implemented? If yes, where can I find this little checkbox?

Accepted answers

Matthew J. Horn

The easiest way to do this is to simulate a click on the ellipses when the page is loaded. To do that, add the following to your Custom HTML "HEAD" section:

AJS.toInit(function(){

AJS.$('#ellipsis strong').click();

});

</script>

All comments

Matthew J. Horn

The easiest way to do this is to simulate a click on the ellipses when the page is loaded. To do that, add the following to your Custom HTML "HEAD" section:

AJS.toInit(function(){

AJS.$('#ellipsis strong').click();

});

</script>

Louise Beilfuß

Thanks! I asked our admin to look into it (I can't edit anything ) and will come back to this once I've got his answer.

Lisha Li

Atlassian proposes the following 'use at your risk' operation:

https://confluence.atlassian.com/display/CONFKB/How+to+Disable+Hiding+(Ellipsing)+of+Breadcrumbs

Robert Sadler

Matthew,

I know this is an old post but this solution was perfect for my needs. By adding the above mentioned script in the 'Custom HTML' section (Dashboard > Administration > Look and Feel > Custom HTML) you can show the breadcrumbs WITHOUT modifying the breadcrumbs.vm in the install directory. I don't have access to the install directory but I do have access to the Administration section.

Thanks for the easy solution.
-Rob

Ross Bender

I did the same thing as @Matthew J. Horn but wrapped it in a try-catch block just to be doubly safe:

&lt;script&gt;
// show breadcrumbs on page load
try {
    AJS.toInit(function() {
        AJS.$("#ellipsis").click();
    });
} catch(err) {
}
&lt;/script&gt;

Nancy Jaiswal

we have released Space Hierarchy & Breadcrumbs plugin which shows the full breadcrumbs at top of page. One can also create space hierarchy as per need (as for example a product related spaces or versions of product etc). Maybe this is one of solution you are looking for.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

breadcrumbs