Adding and Configuring Agenda Listing on a Webpage
Overview
The Agenda Listing component allows users to display event agenda details such as session title, country, date, and start and end times on a webpage. It helps participants view the event schedule in a structured and readable format. This article explains how users can add and configure the Agenda 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 Agenda Listing Component
- From the component panel, locate Agenda Listing.
- Drag and drop the Agenda Listing component onto the desired section of the webpage.
3. Enter or Edit the Component ID
- Select the Agenda 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 agenda listing.
5. Select a Dependency
- From the Dependency select field, choose a dependency if required.
- The Agenda 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 Agenda Listing component is displayed.
7. Edit the Event Title
- Edit the event or session 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 Agenda Listing.
- Apply the available styling and formatting options as needed.
9. Edit the Start and End Time
- Edit the start and end time for agenda sessions directly in the Web Builder.
- Use the available styling and formatting options to control how time is displayed.
10. Edit the Date
- Edit the date displayed in the Agenda Listing.
- Format the date to match the overall webpage design.
11. Select Merge Tags
- From the Merge Tags select field, choose the required merge tags.
- Merge tags dynamically display agenda- or event-related data in the listing.
12. Manage Agenda Listing
- Reposition the Agenda Listing component using drag-and-drop within the page layout.
- Remove the Agenda Listing if it is no longer required.
13. Save and Apply Changes
- Publish the webpage to apply the configured Agenda Listing settings.
- Preview the webpage to validate the layout, content, and behavior.