Numbered list style

Open list style

showing integration of anchor link

Numbered list style

showing integration of anchor link

Dropdown style

showing integration of anchor link

Tile style

showing integration of anchor link with tile style

How it works

  • Anchor is basically creating a unique URL within the same page with use of the Hash tag (example "#countryselection").
  • Clicking on anchor link, it will jump right down to the section where the anchor component is integrated, without ever having to leave the page or scroll to find the specific section.
  • The component allows to add a title and define anchor details
  • Four styles are available
    • Numbered list
    • Open list
    • Dropdown
    • Tile
  • The following anchors can be triggered
    • Created manual anchors on the top level grid component
    • Manually integrated anchor components

How to use it

When anchor links are well positioned and when it is necessary or useful to have longer content on a single page, such links can help users navigate directly to content of interest. 

Examples:

  • Table of content
  • Indexes
  • FAQ

As an alternative, an accordion component could also be used.

Reference for publisher

AEM view
AEM view

Sections (Grid control - Top level) automatically have an anchor. You have to change it to a manual one.