[All Adaptavist Apps]

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

The Breadcrumbs are built from an ordered list eg:

CSS Stylesheet
Wiki Markup
{style}
.code {width:700px;}
{style}
Code Block
<span class="breadcrumbs">
  <ol class="breadcrumbs ellipsis" id="breadcrumbs.list">
    <li class="breadcrumb breadcrumb0 dashboardbreadcrumb"><a href="/dashboard.action">Dashboard</a>&nbsp;&gt;</li>
    <li class="breadcrumb breadcrumb1 spacebreadcrumb"><a href="/display/Docu">Documentation Intranet</a>&nbsp;&gt;</li>
    <li class="breadcrumb breadcrumbsExpansion breadcrumb2 pagebreadcrumb"><a href="/display/Docu/Home">Home</a>&nbsp;&gt;</li>
    <li class="breadcrumb breadcrumbsEllipsis breadcrumb2"><a href="javascript:void(document.getElementById('breadcrumbs.list').className = 'breadcrumbs expanded');" title="$3">...</a>&nbsp;&gt;</li>
    <li class="breadcrumb breadcrumb3 pagebreadcrumb"><a href="/display/Docu/Breadcrumbs+CSS">Breadcrumbs CSS</a></li>
  </ol>
</span>

...

Simply tick which links you want to remove and they'll no longer appear in the breadcrumb trail.

CSS Stylesheet
Wiki Markup
{style}
.breadcrumb {
 background-color: #ffff00;
}
 
.breadcrumb0 {
 background-color: #00ff00;
}
 
.breadcrumb1 {
 background-color: #ffffff;
}

.breadcrumbs li a:link {
 color: #ff0000;
}

.breadcrumbs li a:hover {
 color: #000000;
}

.breadcrumbs li a:visited {
 color: #0000ff;
}
{style}