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

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
 
 
_cq_editConfig.xml
 
 
title.html
 
 
Title (v2) Features Use Object Component Policy Configuration Properties Edit Dialog Properties Client Libraries BEM Description Information

README.md

Title (v2)

Title component written in HTL, allowing to define a section heading.

Features

  • In-place editing
  • Automatic reading of the page title from the current page, if no title text is defined
  • HTML element configuration (h1 - h6)
  • Linkable to content pages, external URLs or page anchors
  • Styles

Use Object

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

Component Policy Configuration Properties

The following configuration properties are used:

  1. ./type - defines the default HTML heading element type (h1 - h6) this component will use for its rendering
  2. ./linkDisabled - defines whether or not the title link is disabled

Edit Dialog Properties

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

  1. ./jcr:title - will store the text of the title to be rendered
  2. ./type - will store the HTML heading element type which will be used for rendering; if no value is defined, the component will fallback to the value defined by the component's policy
  3. ./linkURL - will allow definition of a content page path, external URL or page anchor for linking the title.
  4. ./id - defines the component HTML ID attribute.
  5. ./linkAccessibilityLabel - defines an accessibility label for the the title's link.
  6. ./linkTitleAttribute - defines a title attribute for the the title's link.

Client Libraries

The component provides a core.wcm.components.title.v2.editor editor client library category that includes JavaScript handling for dialog interaction. It is already included by its edit and design dialogs.

BEM Description

BLOCK cmp-title
    ELEMENT cmp-title__text
    ELEMENT cmp-title__link

Information