Technical Details
The latest technical documentation about the Title Component can be found on GitHub.
Further details about developing Core Components can be found in the Core Components developer documentation.
Edit Dialog
The edit dialog allows the content author to define the title text as well as select the heading level.
-
Title - If empty the page title will be used
-
Type / Size - Defines the heading level of the title
-
Link - Defines the content to which the title will link. This can be a path to a content page, an external URL, or a page anchor.
-
Open link in new tab - When checked, the link will open in a new browser tab.
-
ID - This option allows to control the unique identifier of the component in the HTML and in the Data Layer.
- If left blank, a unique ID is automatically generated for you and can be found by inspecting the resulting page.
- If an ID is specified, it is the responsibility of the author to make sure that it is unique.
- Changing the ID can have an impact on CSS, JS and Data Layer tracking.
The in-place editor can also be used to edit the text of the title component.
Styles Tab
The Title Component supports the AEM Style System..
Use the drop-down to select the styles that you want to apply to the component. Selections made in the edit dialog have the same effect as those chosen from the component toolbar.
Styles must be configured for this component in the design dialog in order for the drop down menu to be available.