What This Screen Does
This is where you view all the details about a specific class description (also called an event). Think of it like reading the full programme for a class — you can see its title, images, schedule, description, and who has signed up. There are two tabs: one for the class overview and one for the list of participants.
How to Get There
Open the dashboard.
In the left-hand menu, click Class Descriptions.
Click on any class description in the list.
You are now on the Class Description Details screen.
Step-by-Step Guide
1. Use the Toolbar
At the top of the page you will find two actions:
Back — Click the Back button on the left to return to the class descriptions list.
Edit — Click the pencil icon on the right to go to the edit screen for this class description.
2. Switch Between Tabs
Below the toolbar there are two tabs:
Tab | What It Shows |
Overview | The full details of the class description — images, title, dates, and description text. |
Participants | A list of everyone who has signed up for this class, along with their contact information. The tab shows a badge with the total number of participants. |
Click a tab name to switch to it.
The Overview tab is selected by default when you open the page.
3. View the Overview Tab
Image Gallery
At the top of the overview you will see an image gallery.
The first image is displayed large on the left (or full width on mobile).
Up to four additional images are displayed in a smaller grid on the right.
Click any image to open it in a full-screen lightbox viewer.
Use the lightbox to browse through all images, then close it when you are done.
Title, Share, and Favourite
The class title is displayed in large text below the gallery.
Next to the title you will find:
A share icon — click it to share the class description.
A heart icon — click it to favourite or unfavourite the class description. A filled red heart means it is favourited.
Date Information
Below the title you will see two date ranges displayed with icons:
Field | What It Shows |
Available | The sign-up window — the date when sign-up opens and the date when it closes. |
Durations | The actual class period — the start date and the end date. |
Description
Below the dates, the full class description is displayed as formatted text (rendered from Markdown).
This may include headings, lists, links, and other rich content written by whoever created the class description.
4. View the Participants Tab
Click the Participants tab to see everyone signed up.
The tab label shows a badge with the total number of participants.
Each participant is displayed as a card containing:
Detail | What It Shows |
Avatar | The participant’s profile photo (or a default avatar). |
Name | The participant’s full name. |
Phone button | A red phone icon — click it to start a phone call to the participant. |
Email button | A blue email icon — click it to open your email app with the participant’s address pre-filled. |
On wider screens, participant cards are arranged in a 3-column grid. On tablets they appear in 2 columns, and on phones they stack in a single column.
5. Contact a Participant
Find the participant you want to reach in the Participants tab.
Click the red phone icon to call them, or the blue email icon to email them.
Your device’s default phone or email app will open with the participant’s details ready to go.
What Happens Behind the Scenes
You open the Class Description Details page
|
v
The system reads the class description ID from the URL
|
v
API call: EventService.details({ id })
|
v
Class description data is loaded (title, images, dates, description)
|
v
API call: EventService.getTickets({ id })
|
v
Participant list is loaded
|
v
The Overview tab is displayed by default
|
v
You can switch to the Participants tab at any time
(no additional API calls — the data is already loaded)
Troubleshooting
“The page is blank or shows no details”
The class description may have been deleted or the ID in the URL may be incorrect.
Go back to the class descriptions list and click the correct item.
If you followed a link or bookmark, the class description may no longer exist.
“The images are not loading”
The images may have been removed from the server or the URLs may be broken.
Try refreshing the page.
If the problem persists, go to the edit screen and re-upload the images.
“The Participants tab shows zero even though people signed up”
The participant count badge updates when the page loads. Try refreshing the page to get the latest data.
If it still shows zero, the sign-ups may have been cancelled or the sign-up window may not have opened yet.
Check the Available dates on the Overview tab to confirm the sign-up window.
“I clicked the phone or email icon but nothing happened”
Your device needs a default phone app (for calls) or email app (for emails) configured.
On a desktop computer, the phone link may not work if you do not have a calling app installed.
Try right-clicking the icon and copying the phone number or email address manually.
“I cannot find the Edit button”
The edit button is the pencil icon in the top-right corner of the toolbar.
If you do not see it, you may not have permission to edit class descriptions. Contact your administrator to check your role.
“The dates show as invalid or empty”
This means the class description was created without dates, or the dates were not saved correctly.
Click the Edit button and fill in the missing date fields, then save.
“The description text looks broken or has weird formatting”
The description is written in Markdown format. If it was pasted from another source, it may contain unsupported formatting.
Go to the edit screen and clean up the description using the text editor.
“The page takes a long time to load”
The system makes two API calls when you open this page (one for the class details and one for the participants). If your connection is slow, this may take a moment.
Check your internet connection and try refreshing.
If the problem persists, contact your administrator — the server may be experiencing issues.