Skip to content
main
Switch branches/tags
aem-core-wcm-components/content/src/content/jcr_root/apps/core/wcm/components/breadcrumb/v2/breadcrumb/
Go to file
aem-core-wcm-components/content/src/content/jcr_root/apps/core/wcm/components/breadcrumb/v2/breadcrumb/

Latest commit

@vijaymnnit06
vijaymnnit06 Add validation in order to prevent same HTML-ID on page (#2278)
571416a Sep 15, 2022
Add validation in order to prevent same HTML-ID on page (#2278) 
* Added HTML ID validation logic to avoid duplicate HTML ID on the page
* Added validations for page properties dialog
* Added the workspace filter to include clientlibs
* Review comment incorporated. Moved the location of clientlibs
571416a

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
. .
_cq_design_dialog
 
 
_cq_dialog
 
 
clientlibs
 
 
.content.xml
 
 
README.md
 
 
breadcrumb.html
 
 
Breadcrumb (v2) Features Use Object Component Policy Configuration Properties Edit Dialog Properties Client Libraries BEM description Information

README.md

Breadcrumb (v2)

Breadcrumb component written in HTL.

Features

  • Start level
  • Option to show hidden navigation items
  • Exclude the current page from the breadcrumb

Use Object

The Breadcrumb component uses the com.adobe.cq.wcm.core.components.models.Breadcrumb Sling model as its Use-object.

Component Policy Configuration Properties

The following configuration properties are used:

  1. ./startLevel - the level at which to start the breadcrumb: 0 = /content, 1 = /content/site, etc.
  2. ./showHidden - if true, show navigation items hidden via a ./hideInNav property in the breadcrumb.
  3. ./hideCurrent - if true, don't display the current page in the breadcrumb.
  4. ./disableShadowing - for redirecting pages PageA -> PageB. If true - PageA(original page) is shown. If false or not configured - PageB(target page).

Edit Dialog Properties

The following properties are written to JCR for this Breadcrumb component and are expected to be available as Resource properties:

  1. ./startLevel - the level at which to start the breadcrumb: 0 = /content, 1 = /content/site, etc.
  2. ./showHidden - if true, show navigation items hidden via a ./hideInNav property in the breadcrumb.
  3. ./hideCurrent - if true, don't display the current page in the breadcrumb.
  4. ./disableShadowing - for redirecting pages PageA -> PageB. If true - PageA(original page) is shown. If false or not configured - PageB(target page).
  5. ./id - defines the component HTML ID attribute.

Client Libraries

The component provides a core.wcm.components.breadcrumb.v2 client library category that contains a recommended base CSS styling. It should be added to a relevant site client library using the embed property.

BEM description

BLOCK cmp-breadcrumb
    ELEMENT cmp-breadcrumb__list
    ELEMENT cmp-breadcrumb__item
        MOD cmp-breadcrumb__item--active
    ELEMENT cmp-breadcrumb__item-link

Information