What This Screen Does
This is where you view all the details about a specific class session. Think of it like opening a folder for one particular class — you can see who signed up, what the workout program is, which instructors are teaching, and send messages to participants. You can also edit the class or cancel it from here.
How to Get There
Open the dashboard.
In the left-hand menu, click Class.
Find the class you want to view and click on it.
You are now on the Class Details screen.
Step-by-Step Guide
1. View the Class Cover
At the top of the page you will see a large banner card.
The banner shows the class title and subtitle over a background image.
The gym’s logo appears as an avatar on the left side.
This section is for display only — you cannot edit it directly from here.
2. Use the Action Buttons
In the top-right corner of the breadcrumb area, you will find action buttons:
Button | Icon | What It Does |
Booking link | Share icon | Copies a guest booking link to your clipboard. Only visible if guest booking is enabled for this class. |
Edit | Pen icon | Takes you to the class edit screen where you can change class details. |
Cancel class | Trash icon (red) | Opens a confirmation dialog to cancel (delete) this class. |
3. Navigate Between Tabs
Below the cover banner, there are four tabs. Click any tab to switch views:
Tab | Icon | What It Shows |
Overview | Dashboard icon | Class stats, time and place info, messaging tools, and a feed of messages and feedback. |
Participants | Users icon | A list of everyone signed up for the class, with check-in and status management. |
Program | Dumbbell icon | The workout program attached to this class, including workouts, coach notes, timeline, and equipment. |
Instructors | Training icon | Cards showing each instructor assigned to this class. |
The screen opens on the Participants tab by default.
4. Overview Tab
The Overview tab is split into two columns.
Left Column — Stats and Info
Stats card: Shows the total number of Seats (capacity) and the number of Participants who are currently signed up or checked in.
Time and place card: Displays:
The gym name.
The date of the class.
The start and end time.
The full address of the gym (street, postal code, city, country).
Right Column — Messaging
A card with three sub-tabs lets you send messages to class participants:
SMS Sub-Tab
Field | Required | What to Enter |
To | Yes | Pre-filled with all active participants. Remove or add recipients as needed. |
Text message | Yes | The body of the text message you want to send. |
Click the Send button to send the SMS.
Notification Sub-Tab
Field | Required | What to Enter |
Message | Yes | The notification message you want to push to participants. |
Click the Send button to send a push notification to all participants.
Email Sub-Tab
Field | Required | What to Enter |
To | Yes | Pre-filled with all active participants. Remove or add recipients as needed. |
Subject | Yes | The subject line of the email. |
Body | Yes | Use the rich-text editor to compose your email. |
Click the Send button to send the email.
Message and Feedback Feed
Below the messaging card, you will see a timeline of past messages sent to participants and feedback/reviews left by members.
Items are sorted with the most recent first.
Feedback entries show ratings; message entries show what was sent.
5. Participants Tab
At the top, you see a heading and an Add button to manually add a participant.
Below is a data grid (table) listing all participants with the following columns:
Column | What It Shows |
Member | The participant’s avatar, name, and email. Click a row to go to their member profile. |
Status | A colored chip: green for “On Time” (checked in), red for “Never Met” or “Too Late”, yellow for “On Waiting List”, or default for other statuses. A “Guest” chip appears if the participant is a guest. |
Signed up | Date and time the participant signed up. |
Checked in | Date and time they checked in (blank if they have not). |
Opted out | Date and time they opted out (blank if they have not). |
Membership | The membership type used for this sign-up. |
Actions | A three-dot menu with options. |
Participant Actions (Three-Dot Menu)
Action | When It Appears | What It Does |
Present | When the participant is not already checked in. | Marks the participant as checked in (status changes to “On Time”). |
Remove | When the participant has not already opted out. | Removes the participant from the class (status changes to “Opted Out”). |
Add a Participant
Click the Add button to open the Add Participant dialog.
Search for and select a member to add them to the class.
Check-In Map
If the class has a gym with location data, a Check in map section appears below the participant list.
It shows a map visualization of participant check-ins.
6. Program Tab
Shows the workout program linked to this class.
If no program exists, you will see a New program button that takes you to the program creation screen (pre-filled with the class ID and date).
If a program exists, you will see an Edit program button to modify it.
The program displays:
Section | What It Shows |
Workouts | Each workout is shown as a card with a title, abbreviation, and description (rendered as markdown). |
Coach note | Notes from the coach, if any. |
Timeline | A timeline breakdown of the session, if provided. |
Equipment | Equipment needed for the class, if listed. |
External References | Links or references to outside resources, if any. |
7. Instructors Tab
Displays a grid of instructor cards.
Each card shows the instructor’s profile photo, name, and title.
Cards are displayed in a responsive grid: 1 column on mobile, 2 on tablet, 3 on desktop.
8. Copy the Guest Booking Link
If the class allows guest bookings, click the share icon button in the top-right.
The link is copied to your clipboard automatically.
You will see a green “Link copied to clipboard!” notification.
Share this link with guests so they can sign up without an account.
9. Edit the Class
Click the pen icon button in the top-right.
You will be taken to the class edit screen where you can change the class details.
10. Cancel the Class
Click the red trash icon button in the top-right.
A confirmation dialog will appear asking: “Are you sure you want to cancel [class title]?”
Click the Cancel class button in the dialog to confirm.
The system will:
Send a cancellation request to the server.
Delete the class.
Show a green “Class cancelled!” notification.
Navigate you back to the previous page.
If you change your mind, click outside the dialog or press Escape to close it without cancelling.
What Happens Behind the Scenes
When the Page Loads
You navigate to /classes/:id
|
v
API call: getClass(id) — fetches all class details
|
v
API call: getClassMessages(id) — fetches messages sent to participants
|
v
(If you are an Owner or Box Manager)
API call: getFeedback({ classId: id }) — fetches member feedback
|
v
Class details, participants, program, instructors,
messages, and feedback are displayed
When You Cancel a Class
You click "Cancel class" (trash icon)
|
v
Confirmation dialog appears
|
v
You click "Cancel class" in the dialog
|
v
API call: ClassesService.deleteClass({ id })
|
v
Class is deleted from the server
|
v
Success notification: "Class cancelled!"
|
v
You are navigated back to the previous page
When You Send a Notification
You type a message and click "Send"
|
v
Form validates the message body
|
v
API call: ClassesService.sendMessage({ id, body: { subject, body, ... } })
|
v
Message is sent to all participants
|
v
Success notification: "Message sent!"
|
v
Messages list refreshes to show the new message
When You Send an SMS
You select recipients, type a message, and click "Send"
|
v
Form validates recipients and body
|
v
API call: TextMessageService.create({ body: { recipientIds, gymId, body } })
|
v
SMS is sent to selected participants
|
v
Success notification: "Text message sent!"
When You Send an Email
You fill in recipients, subject, and body, then click "Send"
|
v
Form validates all fields
|
v
API call: MailsService.sendEmail({ body: { html, subject, sendTo } })
|
v
Email is sent to selected participants
|
v
Success notification: "Email sent!"
When You Mark a Participant as Present
You click the three-dot menu on a participant row
|
v
You click "Present"
|
v
API call: ClassRegistrationService.edit({ id, body: { status: "OnTime" } })
|
v
Participant status updates to checked in
|
v
Success notification: "Member is checked in!"
|
v
Class data refreshes
When You Remove a Participant
You click the three-dot menu on a participant row
|
v
You click "Remove"
|
v
API call: ClassRegistrationService.edit({ id, body: { status: "OptedOut" } })
|
v
Participant is removed from the class
|
v
Success notification: "Sign up removed!"
|
v
Class data refreshes
Troubleshooting
“I do not see the booking link button”
The booking link button only appears when guest booking is enabled for this class.
If you need guest booking, go to the class edit screen and enable the guest booking option.
Check with your administrator if the setting is not available.
“I cannot see feedback or reviews on the Overview tab”
Feedback is only visible to users with the Owner or Box Manager role.
If you have a different role, the feedback section will not load.
Ask an Owner or Box Manager to check feedback for you, or request a role upgrade.
“I clicked Cancel Class but nothing happened”
Check if the Cancel class button in the confirmation dialog is showing a loading spinner. If so, the request is still in progress — wait a moment.
If you see a red error message, read it carefully. The server may have rejected the cancellation.
Make sure you have a stable internet connection and try again.
“My message was not sent”
Make sure the message body is not empty. The form requires at least some text.
For SMS and email, make sure you have at least one recipient selected in the “To” field.
For email, make sure the subject field is also filled in.
If you see an error, it may be a server issue — try again in a few moments.
“The participants list is empty even though people signed up”
Try refreshing the page. The participant data is loaded when the page opens.
If the list is still empty, the class may not have any sign-ups yet.
Check that you are looking at the correct class — verify the title and date in the cover banner.
“I cannot mark a participant as Present”
The “Present” option only appears for participants who are not already checked in.
If a participant’s status is already “On Time”, they are already marked as present.
Open the three-dot menu — if you only see “Remove”, the participant is already checked in.
“The program tab says there is no program”
Not every class has a program attached. Click the New program button to create one.
You will be taken to the program creation screen, pre-filled with this class’s ID and date.
Once saved, return to this page and the program will appear.
“I accidentally cancelled the class”
Class cancellation cannot be undone from this screen. The class is permanently deleted.
You will need to recreate the class from scratch.
To avoid accidental cancellations, always read the confirmation dialog carefully before confirming.
“The page is not loading or shows an error”
Check your internet connection.
Make sure the class ID in the URL is valid. If the class was deleted, the page cannot load it.
Try refreshing the page. If the problem continues, contact your administrator — the server may be experiencing issues.
“I do not see any instructors on the Instructors tab”
This class may not have any instructors assigned to it.
To add instructors, go to the class edit screen by clicking the pen icon in the top-right.
Assign instructors from the edit form and save your changes, then return to this page.