Bookings
Calendar View Modes
Calendar View Modes
Choose between Day, 3-Day, Week, and Agenda views to match your workflow and screen size, and adjust the layout density to control how much detail each booking block shows.
Overview
Calendar view modes let you:
- Switch between four layouts — Day, 3-Day, Week, and Agenda — to see your schedule at different scales
- Adjust layout density (Comfortable or Compact) to control booking block detail and fit more on screen
- Use keyboard shortcuts to switch views instantly on web
- Get an adaptive layout that adjusts automatically to your device (phone, tablet, or desktop)
Switching Views
On Web
- Click the view dropdown in the top-right corner of the calendar toolbar (it shows the current view name, e.g., "Day")
- Select a view from the menu: Day, 3-Day, Week, or Agenda
- Below the view options, select a density: Compact or Comfortable
You can also use keyboard shortcuts to switch views instantly:
| Shortcut | View |
|---|---|
| 1 | Day |
| 2 | 3-Day |
| 3 | Week |
| 4 | Agenda |
On Mobile
- Tap the view selector pill in the top-left corner of the toolbar (it shows the current view name with a down arrow)
- Select a view from the sheet that appears
On phones, only Day and Agenda are available. On iPad, Day, 3-Day, and Agenda are available.
View Modes
Day View
The Day view shows a single day with one vertical column per staff member. This is the default view.
- Each column has a header showing the staff member's initials and first name with a colour-coded circle
- The time grid runs from 6 AM to 10 PM with 15-minute intervals
- Working hours appear as the normal background; non-working hours are shaded
- Click or tap an empty slot to create a booking for that staff member and time
- Drag a booking block up or down to reschedule it (web and iPad only)
Day view works best when you need to see every staff member's full day side-by-side.
3-Day View
The 3-Day view shows three consecutive days arranged horizontally, with bookings for all staff stacked within each day column.
- Available on web and iPad only (not available on phones)
- Use the staff filter dropdown ("All Team") to show bookings for a specific team member across the three days
- Click a day column header to jump to the Day view for that date
- The filter bar is hidden in this view on mobile to save screen space
3-Day view works best when you need to see upcoming availability across a few days without committing to a full week.
Week View
The Week view shows seven days arranged horizontally, similar to 3-Day view but spanning the full week.
- Available on web only (not available on mobile or iPad)
- Use the staff filter to narrow to a specific team member
- Click a day column header to jump to the Day view for that date
Week view works best for planning the week ahead and spotting patterns in your schedule.
Agenda View
The Agenda view shows bookings as a chronological list grouped by time, rather than a visual time grid.
- Available on all platforms (web, phone, and iPad)
- On mobile, the agenda shows 3 days; on web, it shows 7 days
- Each booking row shows a status dot, time, customer name, service, and staff badge
- Past bookings appear faded (reduced opacity)
- Filter by staff, status, or resource using the filter controls above the list
The Agenda view supports additional filters not available in other views:
| Filter | Options |
|---|---|
| Staff | All staff, or a specific team member |
| Status | All statuses, Pending, Confirmed, Arrived, Completed, Cancelled, No show, Blocked |
| Resource | All resources, No resource, or a specific resource (if your venue uses resources) |
Agenda view works best for quickly scanning upcoming bookings when you do not need to see the visual time grid.
Layout Density
Within the Day view, you can switch between two layout densities that control how tall each time slot is and how much detail appears on booking blocks.
| Density | Slot Height | Booking Block Detail |
|---|---|---|
| Comfortable (default) | Taller (30px per 15 minutes) | Full customer name, service itinerary (up to 3 services), time badge |
| Compact | Shorter (18px per 15 minutes) | Customer name and time only, abbreviated layout |
Changing Density
On web: Open the view dropdown in the toolbar. Below the view options, select Compact or Comfortable.
On iPad: Tap the density toggle icons in the toolbar — the rows icon with more lines is Compact, the icon with fewer lines is Comfortable. The selected option is highlighted.
On phone: Density controls are not available. The calendar uses a responsive layout based on screen size.
The density preference is saved per venue and persists across devices and sessions.
Platform Availability
| View | Phone | iPad | Desktop |
|---|---|---|---|
| Day | Yes | Yes | Yes |
| 3-Day | No | Yes | Yes |
| Week | No | No | Yes |
| Agenda | Yes | Yes | Yes |
| Compact density | No | Yes | Yes |
| Comfortable density | No | Yes | Yes |
On phones, if you select a 3-Day or Week view on web and then open the calendar on your phone, the calendar displays the Day view instead.
Troubleshooting
| Issue | Solution |
|---|---|
| I cannot see the 3-Day or Week view on my phone | These views are only available on iPad and desktop. On phones, use Day or Agenda view. |
| My density preference is not saving | The density setting is stored per venue on the server. Ensure you are signed in and have a stable internet connection when changing the setting. |
| Staff columns are too narrow to read booking details | Switch to Comfortable density for wider time slots and more detail on each booking block. If you have many staff, try filtering to a specific team member using the staff selector. |
| Agenda view shows different number of days on phone vs desktop | The Agenda view shows 3 days on mobile and 7 days on desktop. This is by design to fit the available screen space. |
Related Articles
Last updated: March 2026