Overview

The Timetable View Settings section allows you to configure the behavior and appearance of the Timetable View in Event Builder. This layout is ideal for conferences, seminars, workshops, training sessions, and multi-day events where schedules are organized by time slots.

Using these settings, you can define the timetable interval, choose how schedules are displayed, control overlapping events, and customize the appearance of the timetable toolbar and navigation buttons.

All settings configured here are applied globally to every Timetable View displayed through Event Builder.

---

Timetable View Settings

Overview

The Timetable View provides visitors with a structured schedule, allowing them to easily browse sessions based on time and day.

You can customize both the functionality and appearance of the timetable without writing any custom code.

---

Time Slot Interval

Choose the duration of each timetable slot.

Available Options

• 15 Minutes
• 30 Minutes
• 60 Minutes

Default: 30 Minutes

This setting determines how the timetable is divided throughout the day.

Recommendations

15 Minutes

Ideal for:

• Workshops
• Training Sessions
• Consultation Appointments
• Short Presentations

30 Minutes

Recommended for:

• Business Conferences
• Educational Events
• Seminars
• Community Events

60 Minutes

Best suited for:

• Long Sessions
• Lectures
• Keynote Presentations
• Full-Length Workshops

---

Show Slot Overlap

Control how overlapping events are displayed within the timetable.

Options

• Enable
• Disable

Default: Disabled

When enabled, multiple events scheduled during the same time period are displayed together, allowing visitors to view overlapping sessions.

Benefits

• Displays simultaneous sessions.
• Supports multi-track conferences.
• Improves timetable flexibility.
• Helps attendees compare concurrent events.

---

Display Mode

Choose the default timetable layout.

Available Options

• Day View
• Week View

Default: Week View

Day View

Displays the schedule for a single day.

Recommended for:

• One-day events
• Daily schedules
• Workshops
• Meetings

Week View

Displays the schedule across an entire week.

Recommended for:

• Conferences
• Multi-day festivals
• Training Programs
• Weekly Events

---

Toolbar Button Background

Customize the background color of the timetable toolbar buttons.

Available States

• Normal
• Hover

This setting affects navigation buttons such as:

• Previous
• Next
• Day
• Week

Choose colors that match your website branding while maintaining good contrast.

---

Toolbar Button Text Color

Customize the text color displayed on timetable toolbar buttons.

Available States

• Normal
• Hover

Ensure the text remains clearly visible against the selected button background.

---

Add Event Button Background

Customize the background color of the Add Event button.

Available States

• Normal
• Hover

This button allows authorized users to quickly add new events from the timetable interface.

Using a distinctive color helps make this action easy to identify.

---

Add Event Button Text Color

Customize the text color displayed on the Add Event button.

Available States

• Normal
• Hover

Choose a text color that provides excellent readability against the selected button background.

---

Today Button Background

Customize the background color of the Today button.

Available States

• Normal
• Hover

The Today button quickly returns visitors to the current date within the timetable.

Using a recognizable accent color makes this navigation feature easier to locate.

---

Today Button Text Color

Customize the text color displayed on the Today button.

Available States

• Normal
• Hover

Ensure sufficient contrast between the text and button background for maximum accessibility.

---

Notes

• These settings apply globally to all Timetable View layouts.
• Hover colors are applied only to interactive toolbar buttons.
• Button styling affects navigation, Today, and Add Event buttons within the timetable.
• Time Slot Interval influences the overall schedule layout and event positioning.
• Changes take effect immediately after saving the settings.