How to get there
1. Open the Booking Board app.
2. Tap Training in the bottom navigation bar (or open the side menu and select it).
You are now on the Classes screen.
Step-by-step guide
1. Navigation bar
The top bar gives you access to the side menu and screen actions.
Menu icon: Opens the side drawer menu where you can navigate to all areas of the app.
Training: The screen title displayed in the centre of the app bar.
Filter icon: Opens the filter view so you can narrow down which classes are shown. A visual indicator appears when filters are active.
2. Date tab bar
Directly below the navigation bar you will find a horizontal row of date tabs.
The tab bar shows 7 days at a time, weighted towards future dates (1 past day, the current day, and 5 upcoming days). The currently selected date is highlighted with an underline and bold text. Today's date is labelled "Today" instead of the weekday name. Each tab displays the short weekday name, the day number, and the abbreviated month (e.g. Mon, 10 Feb).
Tap any date tab to jump directly to that day's class list. Swipe left or right on the class list itself to move one day forward or backward — the tab bar updates automatically. You can scroll infinitely into the past or future; new dates load automatically.
3. Class list
Below the date tabs you will see the list of classes for the selected day.
Each row represents a single class or personal training session. Classes are displayed in chronological order (earliest first). A thin divider line separates each class in the list. Tap any class to open its details screen where you can see more information, sign up, or check in. Pull down on the list to refresh the data for the current day (this also refreshes your bookings).
Each class row shows:
Class title: The name of the class (e.g. CrossFit, Yoga, Open Gym).
Time: The start time of the class.
Instructor: The name of the coach or instructor leading the class.
Booking status: Shows your current status — signed up, on the waiting list, or checked in — if you have a registration for this class.
4. Filtering classes
When you tap the filter icon in the navigation bar, the screen switches to the filter view.
Class type filter: Choose one or more class types (e.g. CrossFit, Yoga, Weightlifting) to show only those types.
Class name filter: Choose specific class names to show only those classes.
Time filter: Set a "from" and "to" time to only see classes within that window.
Clear all (✕ icon): Resets all filters back to their defaults and returns to the class list.
Apply (✓ icon): Saves your filter choices and returns to the filtered class list.
Your filter selections are saved on your device. The next time you open the Classes screen, your previous filters are still applied. When filters are active, only classes matching all your criteria are shown. If no classes match your filters for a given day, you will see an empty state message.
5. Empty and error states
No classes for the selected day: An empty state with a calendar icon and the message "No classes found for this date."
Data failed to load: An error message with an Update button. Tap it to retry loading the class data.
Loading in progress: Skeleton placeholder tiles (grey shimmering rows) appear while the data is being fetched.
6. Pull to refresh
On any day's class list, pull down from the top to refresh. This reloads the classes for the current day and updates your bookings. A spinning indicator appears at the top while refreshing.