Components

The AEM Design Library is created to provide an overview of the templates and components that can be used to create Telenet & BASE websites. Contents on this page:

Usable components in AEM
Templates
AEM building structures

General components

Accordion

Display a series of content items that a user can collapse/expand.

Read guidelines

Authorable Notification

This component is used to display information banners on a page.

Read guidelines

Badge

A visual label or indicator used to convey status or highlight content.

Read guidelines

Button

A button is used to prompt an immediate response (click). There are different button modes available, as wel as button ID analytics.

Read guidelines

Carousel

A slideshow component for cycling through images and videos.

Read guidelines

Contact

The contact component allows you to implement a contact container with a fixed title component and a layout container below.

Read guidelines

Contact Touchpoint

An overview block presenting the different contact options to the customer.

Read guidelines

Content Overview

The content overview component is a collection of cards that contain content and actions about a single subject.

Read guidelines

Dashboard Card

The dashboard card component allows you to create a card for an underlying webpage.

Read guidelines

Hero Banner

The main banner placed on top of a page with the purpose of enticing visitors.

Read guidelines

Image

The image component allows you to embed images on the page. Various formatting options are available.

Read guidelines

Image-title-text

This is a more efficient option to embed the three components at once.

Read guidelines

In Page Banner

This is a visual element that is placed into the content area of a page.

Read guidelines

In-page Navigation

This helps users scan the content and guides them to the section they need.

Read guidelines

Intent Finder

This guides the client in a conversational way to the goal of his search.

Read guidelines

Marketing card

The Marketing card component allows you to create a card on the page.

Read guidelines

Multisolution

The multisolution allows you to create a tab kind of structure using blocks.

Read guidelines

Navigation Bar

Navigation bars offer a way to switch between primary destinations.

Read guidelines

Navigation List & Content

The navigation list component will take the author defined properties and displays them as navigation items.

Read guidelines

Off Grid Image

This allows you to embed images that are wider than the 12 page columns.

Read guidelines

Pricing

This component shows the price of a product in a visual or textual way.

Read guidelines

Product Summary

This consists of a title, a layout container and an optional button and pricing.

Read guidelines

Quote

Quotes are used to display a quotation.

Read guidelines

Form fields

Address Field

The address field let you collect all the parts of an address in a single field. They also validate that the user has used a correct address format.

Read guidelines

Attachment Field

An attachment field is a type of field that allows the visitors to attach their own files to your form.

Read guidelines

Checkbox

Allow a user to select one or more options from a finite number of choices.

Read guidelines

Date Field

The date field lets people enter a date in the proper date format, or choose a date via a date picker calendar.

Read guidelines

Dropdown Field

Dropdown is a closed-ended field type where visitors can select only one answer from a menu of choices.

Read guidelines

Email Field

An email field is used to collect valid email addresses. The email address will require a ‘@’ and ‘.’ from the user before the form can be submitted.

Read guidelines

Phone Field

A phone field is used to collect valid phone numbers.

Read guidelines

Radio Button

Radio buttons are input elements that allow users to select a single option from a set of mutually exclusive choices.

Read guidelines

SIM Field

An SIM field is used to collect valid SIM number.

Read guidelines

Text Field

The text field is a generic field in your form.

Read guidelines

AEM structures

These components are specifically used to create lay-outs and structure in the page.

Templates

Templates are used to develop webpages in a consistent manner. Different types of templates are available, each focusing on the specific purpose of that webpage.

Components

General components

Form fields

AEM structures

Templates

You are using an outdated browser.