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 element | Content Manager item | Example 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 element | Content Manager item | Example Web page |
|---|---|---|
| Top navigation | Templates/Top Navigation [Nav] | /index |
| Left navigation | Templates/Left Navigation [Nav] | /further-information/faq |
| Breadcrumb trail | Templates/Breadcrumb [Tools] | Any page under /further-information |
| Cookie bar | Templates/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 element | Content Manager items | Example 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 popup | Integrated 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 |