Skip to main content

How do I Add and Configure Event Listing for a Web Page on the Web Builder?

Azavista Support
Updated

Adding and Configuring Event Listing on a Webpage

Overview

The Event Listing component allows users to display event details such as title, country, date, and time on a webpage. It provides configuration and styling options to control how event information appears to participants. This article explains how users can add and configure the Event Listing component on a webpage using the Web Builder.

Step-by-Step Approach

1. Access the Web Builder

  • From the Event dashboard, navigate to the Content module.
  • Select the Pages submenu.
  • Open the required webpage in edit mode.

2. Add the Event Listing Component

  • From the component panel, locate Event Listing.
  • Drag and drop the Event Listing component onto the desired section of the webpage.

3. Enter or Edit the Component ID

  • Select the Event Listing component.
  • In the component settings panel, enter or edit the ID field.
  • The ID can be used for navigation or styling purposes.

4. Enter or Edit the Title

  • In the Title field, enter or update the title displayed for the event listing.

5. Select a Dependency

  • From the Dependency select field, choose a dependency if required.
  • The Event Listing visibility updates based on the selected dependency conditions.

6. Select Section Version Type

  • From the Section Version Type select field, choose the appropriate version.
  • This controls which version of the Event Listing component is displayed.

7. Edit the Event Title

  • Edit the event title directly in the Web Builder.
  • Use the available styling and formatting options to adjust font style, size, or alignment.

8. Edit the Country

  • Edit the country information displayed in the Event Listing.
  • Apply the available styling and formatting options as needed.

9. Edit the Start and End Time

  • Edit the event start and end time directly in the Web Builder.
  • Use the available styling and formatting options to control how time is displayed.

10. Edit the Event Date

  • Edit the event date displayed in the Event Listing.
  • Format the date to match the webpage design.

11. Select Merge Tags

  • From the Merge Tags select field, choose the required merge tags.
  • Merge tags dynamically display event-related data in the Event Listing.

12. Manage Event Listing Placement

  • Reposition the Event Listing component using drag-and-drop within the page layout.
  • Ensure the Event Listing placement aligns with the overall page design.

13. Save and Apply Changes

  • Publish the webpage to apply the configured Event Listing settings.
  • Preview the webpage to validate the layout, content, and behavior.

Related to

Related articles