Adding and Configuring Header on a Web Page

Overview

The Web Builder allows organizers to configure and manage headers that appear on event webpages. Headers can be added as global or local elements, customized with titles, links, dependencies, and display options, and repositioned within the page layout. This article explains how to configure and manage headers using the Web Builder.

Step-by-Step Approach

1. Access the Web Builder

On the Event Dashboard, go to the Content module.
Select the Pages submenu.
Open the required page in edit mode.

2. Add a Global Header

From the components panel, drag and drop the Global Header onto the page.
Enter or edit the ID.
Enter or edit the Title.
Publish the page to apply the configured header settings.

3. Add a Local Header

From the components panel, drag and drop the Local Header onto the page.
Enter or edit the ID.
Enter or edit the Title.
Select a Dependency from the Dependency dropdown, if applicable.
Select a Section Version Type from the Section Version Type dropdown.
Enter or edit the Homepage URL.
Select or unselect the Display Logout Menu option.
Select a Target from the Target dropdown.

4. Manage Headers

Reposition the global or local headers using drag-and-drop within the page layout.
Remove a header if it is no longer required.

5. Save and Apply Changes

Publish the page to apply the configured header settings.
Preview the page to validate header placement and behavior.

Result

The header is successfully configured and managed on the webpage, with applied settings for visibility, dependencies, and layout positioning.

Related to