What This Screen Does
This is your scheduling hub for classes and personal training sessions. Think of it like a wall planner at a gym — it shows all upcoming classes laid out on a calendar so you can see what is happening and when. You can browse by day, week, or month, filter by location, and create new classes or personal training sessions directly from the calendar.
How to Get There
Open the dashboard.
In the left-hand menu, click Classes.
You are now on the Classes Calendar screen.
Step-by-Step Guide
1. Choose a Calendar View
At the top of the calendar you will find view buttons.
Pick the view that suits you:
View | What It Shows |
Month | A full month grid. Each day shows up to 3 events before collapsing into a “+more” link. |
Week | A 7-day view with time slots so you can see exactly when classes start and end. |
Day | A single day broken into 15-minute time slots for a detailed look. |
List | A simple top-to-bottom list of upcoming classes. |
On mobile devices the calendar automatically adjusts its height to fit the screen.
2. Navigate Between Dates
Use the Back (left arrow) and Forward (right arrow) buttons in the toolbar to move to the previous or next period.
Click the Today button to jump back to the current date.
The current date and time are marked with a now indicator line on the week and day views.
3. Filter by Location
In the toolbar you will see a Location dropdown.
Select a location to show only classes happening at that specific place.
Choose no location (clear the filter) to see classes across all locations.
Your selected location is saved in the URL, so you can bookmark or share the filtered view.
4. Read the Calendar Events
Each class event on the calendar shows useful information at a glance:
Element | What It Tells You |
Time range | The start and end time of the class (e.g. 09:00 – 10:00). |
Title | The name of the class. If the class is tied to a specific location, the location name appears after a dash. |
Participant count | A people icon followed by the number of signed-up participants out of the total capacity (e.g. 8/12). This does not appear for Open Gym sessions. |
Guest icon | A small guest badge means guest bookings are allowed for this class. |
Waiting list icon | An orange badge means the class is full and people are on the waiting list. |
Instructor avatars | Small profile photos of the assigned instructors. Hover over an avatar to see the instructor’s name. |
Each event is tinted with the class’s assigned color so you can tell different class types apart quickly.
5. Click a Class to View Details
Click on any class event in the calendar.
You will be taken to the Class Details screen for that specific class.
6. Create a New Class or Personal Training Session
Click and drag on an empty time slot in the calendar to select a time range.
A dialog will open with the title Add class.
First, choose the Type:
Option | What It Creates |
Class | A group class (e.g. Yoga, Spinning, CrossFit). |
Personal training | A one-on-one or small-group personal training session. |
Fill in the form that appears below the type selector. The fields depend on which type you chose.
When you are done, submit the form.
The dialog will close, the calendar will refresh, and your new event will appear.
7. Move a Class by Dragging
Click and hold a class event, then drag it to a new time slot.
The system will update the class’s start and end time to match where you dropped it.
This is a quick way to reschedule without opening the edit screen.
8. Resize a Class
Hover over the top or bottom edge of a class event until you see a resize cursor.
Drag the edge up or down to shorten or extend the class duration.
The system will save the new duration automatically.
What Happens Behind the Scenes
You open the Classes Calendar screen
|
v
API call: getLocations() — fetches all available locations
|
v
API call: getClasses({ from, to, selectedLocationId })
— fetches classes for the visible date range and selected location
|
v
Classes are converted into calendar events and displayed
|
v
URL is updated with current date and location filter
(so you can bookmark or share the view)---You drag-select a time range on the calendar
|
v
"Add class" dialog opens with the selected time pre-filled
|
v
You choose a type (Class or Personal training) and fill in the form
|
v
Form submits and creates the class/session via API
|
v
API call: getClasses() — refreshes the calendar
|
v
Dialog closes and the new event appears on the calendar---You drag-and-drop an existing class to a new time
|
v
API call: updateEvent() — saves the new start and end times
|
v
Calendar updates to show the class in its new position
Troubleshooting
“The calendar is empty — I do not see any classes”
Check whether a location filter is active. If you have a specific location selected, only classes at that location will show. Clear the filter to see all classes.
Make sure you are looking at the correct date range. Click Today to return to the current date.
If you just created your account or gym, you may not have any classes scheduled yet. Try creating one first.
“I cannot drag and drop classes to reschedule them”
Drag-and-drop works best in the Week and Day views where you can see time slots. It may be harder to use in the Month view.
Make sure you are clicking and holding the event for a moment before dragging.
If the class still does not move, check your internet connection — the update requires an API call to save the new time.
“I clicked on a time slot but the Add Class dialog did not open”
You need to click and drag across a time range, not just click a single point. Try clicking on a start time and dragging down to an end time.
In the Month view, click and drag across one or more day cells.
“The calendar is slow or takes a long time to load”
If you have a large number of classes, the calendar may take a moment to render them all.
Try filtering by a specific location to reduce the number of events shown.
Check your internet connection — classes are fetched from the server each time you navigate to a new date range.
“My location filter keeps resetting”
The location filter is stored in the URL. If you navigate away and come back using the side menu, it may reset.
Bookmark the URL with the location parameter to preserve your filter.
“I do not see the location dropdown in the toolbar”
Locations are loaded when the page opens. If the dropdown is missing or empty, try refreshing the page.
Make sure at least one location has been set up in your gym settings. If no locations exist, there is nothing to filter by.
“I resized a class but it went back to its original size”
This usually means the update failed. Check for an error notification at the bottom of the screen.
Make sure you have the permissions required to edit classes.
Try refreshing the page and attempting the resize again.
“The participant count shows a wrong number”
The count includes participants who are Signed Up, On Time, or Too Late. It does not count people who cancelled or are on the waiting list.
If someone just signed up, refresh the calendar to see the updated count.
“I created a class but it does not appear on the calendar”
The calendar only shows classes within the currently visible date range. Make sure you are viewing the correct dates.
If you used a location filter, confirm the new class is at the filtered location.
Try clicking Today or navigating to the date you scheduled the class for.
“The waiting list icon appears but I did not enable a waiting list”
The waiting list icon shows automatically whenever the number of active participants exceeds the class capacity. This can happen if participants were manually added beyond the limit.
To remove the icon, either increase the class capacity or remove excess participants from the class details screen.