Header Navigation Configuration page template

create a Header to navigate your website

  • add Navigation Tabs
  • add links
  • add contact information
  • add different language options
  • add a search bar
  • add Alerts
  • add a login option

The Header Navigation Configuration page template is used to create a Header that can be used for navigation, contact information, login, language settings, links, alerts and search.

on this page:
Template characteristics , Opens In New Window
Components , Opens In New Window Adding the Header to a page , Opens In New Window
Step by step , Opens In New Window

Introduction

Using the Header Navigation Configuration page a very customizeable Header can be created for your website. If every page should have the same Header, this setup is very convenient. Once you have created a Header and add it to a top level node, all child pages of this top level node inherit the Header automatically. 

The Header can be configured to have a search bar, contact information, language settings, links, downloads, a login, an area prefix, Navigation Tabs and even Alerts.

Glossary:

Example:

Template characteristics

The Header Navigation Configuration page template is only available as child page of the Configuration "folder" (Configuration page). 

Once The Header Navigation Configuration page template is opened, the only thing on the site will be the blank Header Navigation component and the Sidekick will be empty. Double click on the Header Navigation component to edit it.

Components

The Header consists of multiple components. The Header Navigation, the Site Top Bar, the Alerts and the Navigation Tabs.

After the Header Navigation is set up, the other components will be available.

Header Navigation

Navigation Tab

Alert

Site Top Bar

Adding the Header to a page

After the Header is finished, it is time to add it to a Standard Content page.

Double clicking on the blank Header component will open a dialog window, where you have to provide the path to your Header Navigation Configuration page.

tab: General

 

After providing the path, the Header is now added to this Standard Content page. You can reuse the Header as often as you like, the only thing you might have to adjust is the links to your pages in the Navigation Tabs.

Editorial hint:

Header Inheritance

If you add a Header to a top level node, all children pages of this top level node will inherit the Header automatically. In case you want to use a different Header for a child page, you just have to provide a path for the other Header on the child page.

After adding the Header to your Standard Content page should look like this:

Step by step

1

2

3

4

5

6

Related topics