Configure Dialog

The configure dialog allows the content author to define the button and how it behaves and appears for a reader of your content.

Properties Tab

Properties tab of the edit dialog of Button Component

  • Text - The text to display on the button

  • Link - Link to a content page within AEM, an external resource, or an anchor

    • Use the Selection Dialog to choose a path within AEM.
    • Click the Campaign icon to open the Select Adobe Campaign Variable dialog to insert dynamic content from Adobe Campaign.
  • Icon - Identifier for displaying an icon in the button

  • ID - This option allows control of the unique identifier of the component in the HTML.

    • If left blank, a unique ID is automatically generated for you and can be found by inspecting the resulting content.
    • 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.
  • Open link in new tab - If checked, the link will open in a new browser tab.

Accessibility Tab

Accessibility tab of the edit dialog of Button Component

On the Accessibility tab, values can be set for ARIA accessibility labels for the component.

  • Label - Value of an ARIA label attribute for the component