DEX-35 Tiles

Tiles

The Tiles component provides a scannable, card-based layout that links users to internal pages, external websites, phone numbers, email addresses, or chat services. Tiles support Image, Illustration, and Icon variants and can inherit content from linked internal pages to reduce content duplication.

Jira Ticket

DEX-35 – Tiles

Supported Page Types

Content authors can add the Tiles component to the following page types:

• Landing Page
• Content Page
• Content Page with Side Navigation

How to Configure Tiles in Sitecore

1. Log in to Sitecore as an Author, Approver, or Administrator.
2. Open Experience Editor and navigate to the page where you want to add the component.
3. Add the Tiles component to the required placeholder.
4. Create a new datasource in the page's local Data folder or select an existing datasource.
5. Configure the Tiles datasource fields.
6. Add Tile Item child items beneath the datasource or enable Use Child Items to automatically display child pages.
7. Configure the fields for each tile.
8. Save and publish the page.

Tiles Datasource Fields

Tile Item Fields

Content Inheritance and Fallbacks

When a tile links to an internal Sitecore page, content can automatically be inherited from the linked page if values are not configured on the tile itself.

Important Notes

• Fallbacks only apply when the tile links to a valid internal page.
• External links do not inherit content, tags, metadata, or theme colours.
• If the linked page is removed, the tile will only display content explicitly configured on the tile item.
• The component Type determines which media field is used. For example, an Image Tiles group only reads Image fields and ignores Illustration and Icon fields.

Information Bar and Tags

A tile displays an Information Bar when:

1. The tile links to an internal page.
2. The linked page has Show Information Bar enabled.
3. The Tiles datasource does not have Hide Information Bar enabled.

Custom tags configured on a tile override the tags inherited from the linked page. If Hide Information Bar is enabled, neither tags nor Information Bar content will be displayed.

Additional Information

• Tiles can be configured manually using Tile Items or automatically generated using Use Child Items.
• Tiles are displayed in content tree order.
• Phone, Email, and Chat functionality can be configured using the Script and Script Type fields.
• Tile groups can be displayed in either vertical or horizontal layouts.
• The same Tiles datasource can be reused across multiple pages.

Demo Video

Tiles Demo

Sample Pages

https://ipaauth.dev.ipaustralia.gov.au/
https://ipaauth.dev.ipaustralia.gov.au/about-us
https://ipaauth.dev.ipaustralia.gov.au/about-us/accountability-and-reporting/corporate-plan
https://ipaauth.dev.ipaustralia.gov.au/about-us/accountability-and-reporting/corporate-plan-2025-26
https://ipaauth.dev.ipaustralia.gov.au/about-us/contact-us
https://ipaauth.dev.ipaustralia.gov.au/careers
https://ipaauth.dev.ipaustralia.gov.au/design-rights
https://ipaauth.dev.ipaustralia.gov.au/manage-my-ip
https://ipaauth.dev.ipaustralia.gov.au/news-and-community
https://ipaauth.dev.ipaustralia.gov.au/patents
https://ipaauth.dev.ipaustralia.gov.au/plant-breeders-rights
https://ipaauth.dev.ipaustralia.gov.au/tools-and-research
https://ipaauth.dev.ipaustralia.gov.au/tools-and-research/professional-resources/data-research-and-reports/australian-ip-report-2026
https://ipaauth.dev.ipaustralia.gov.au/trade-marks
https://ipaauth.dev.ipaustralia.gov.au/understanding-ip

Result

The Tiles component displays a collection of linked cards that help users quickly navigate related content and services. Depending on configuration, tiles can display inherited page information, tags, metadata, images, illustrations, or icons, providing a flexible and consistent navigation experience.

The examples below demonstrate the supported tile variants, inheritance behaviour, Information Bar integration, and layout options available within the component.