Visual design item reference

The Web page contains a number of visual design items that you can use. This topic lists them, tells how they appear in the Content Manager, and gives the URL of a Web page 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 Web page
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 Web page
Top navigationTemplates/Top Navigation [Nav]/index
Left navigationTemplates/Left Navigation [Nav]/further-information/faq
Breadcrumb trailTemplates/Breadcrumb [Tools]Any page under /further-information
Cookie barTemplates/Cookie Notification Bar [Info]Any page with a header

Visual design items for Editors

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

Visual elementContent Manager itemsExample Web page
Accordion tab, full width/Templates/Accordion/further-information/faq
Accordion tab in a 2-column layout/Templates/Accordion [2-Column](none)
Accordion tab in a 3-column layout/Templates/Accordion [3-Column](none)
Article/Templates/Article/articles
Carousel/Templates/Carousel/index
Carousel in the hero location/Templates/Carousel [Hero](none)
Download link/Templates/Download/further-information/downloads
Image gallery/Templates/Thumbnail List/further-information/image-library
Lightbox or popupIntegrated into the image gallery: select an image to see it in a popup/further-information/image-library
Regular tab/Templates/Tab/about/contact
Teaser image in a 2-column layout/Templates/Teaser - Image Overlay [2- Column]/articles
Teaser image in a 3-column layout/Templates/Teaser - Image Overlay [3- Column]/further-information
Teaser text in a 2-column layout/Templates/Teaser [2- Column](none)
Teaser text in a 2-column layout/Templates/Teaser [3- Column](none)
Teaser in the hero position/Templates/Teaser [Hero](none)
Teaser Google Map in a 2-column layout/Templates/Teaser Map [2- Column](none)
Teaser Google Map in a 2-column layout/Templates/Teaser Map [3- Column]/index