Visual design item reference

The DXA Publications contain a number of visual design items that you can use in your DXA for Tridion Sites implementation. This topic lists them, tells how they appear in the Content Manager, and gives the URL of a webpage in the Example Site showing the item.

General visual design items

The following visual design items are located in the Home/ Structure Group of the 400 Example Site Publication.

Visual elementContent Manager itemExample webpage
Header_System/include/Header/index
Footer_System/include/Footer/index

Visual design items for Site Managers

The following visual design items are located in the Building Blocks/Modules/Core/Site Manager/ Folder of the 100 Master Publication.

Visual elementContent Manager itemExample webpage
Top navigationTemplates/Top Navigation/index
Left navigationTemplates/Left Navigation/further-information/faq
Breadcrumb trailTemplates/BreadcrumbAny page under /further-information
Cookie barTemplates/Cookie Notification BarAny page with a header

Visual design items for Editors

The following visual design items are located in the Building Blocks/Modules/Core/Editors/Tempates Folder of the 100 Master Publication.

Visual elementContent Manager itemsExample webpage (file path and name)
Accordion tabAccordion/further-information/faq
ArticleArticle/index

/articles

/further-information

Carousel in the hero locationCarousel/index
Download linkDownload/further-information/downloads
Image gallery with thumbnail-size imagesThumbnail List/further-information/image-library
ListList/index

/articles

Paged listPaged List/articles/news/index
PlacePlace/about/office-location
Tabbed areaTab/about/contact
Teaser imageTeaser - Image Overlay/articles

/further-information

Teaser mapTeaser Map/index
Teaser textTeaser(none)
YouTube VideoYouTube Video/index

/articles