What This Screen Does
This is where you view all the details about a specific class template. Think of it like opening a flyer for a class — you can see its title, description, images, dates, 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 Templates.
Click on the class template you want to view from the list.
You are now on the Class Template Details screen.
Step-by-Step Guide
1. Review the Toolbar
At the top of the page you will see a toolbar with two actions:
Action | What It Does |
Back | Takes you back to the class templates list. |
Edit (pencil icon) | Opens the edit screen for this class template so you can make changes. |
2. Switch Between Tabs
Below the toolbar there are two tabs:
Tab | What It Shows |
Overview | The full details of the class template — images, title, dates, and description. |
Participants | A list of everyone who has signed up for this class. The tab shows a badge with the total number of participants. |
Click on a tab to switch between the two views.
The Overview tab is selected by default when you open the page.
3. View the Overview Tab
3a. Image Gallery
At the top of the overview you will see an image gallery.
The first image is displayed large on the left. Up to four additional images are shown 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. Click outside the image or press the close button to exit.
3b. Title and Quick Actions
Below the gallery you will see:
Element | What It Does |
Title | The name of the class template, displayed as a large heading. |
Share button (share icon) | Lets you share the class template. |
Favourite checkbox (heart icon) | Toggle to mark or unmark this class template as a favourite. It is checked by default. |
3c. Date Overview
A summary of important dates is displayed in a two-column grid:
Field | What It Shows |
Available | The sign-up window — from the date sign-ups open to the date sign-ups close. |
Durations | The class period — from the start date to the end date. |
Each field shows its dates in a friendly, readable format.
3d. Description
Below the dates you will see the full description of the class template.
This content supports rich text (bold, lists, links, etc.) and is rendered from Markdown.
4. View the Participants Tab
Click the Participants tab to see everyone registered for this class.
Each participant is shown as a card in a responsive grid (1 column on mobile, 2 on tablet, 3 on desktop).
Each participant card displays:
Element | What It Shows |
Avatar | The participant’s profile photo (or a default avatar). |
Name | The participant’s full name. |
Phone button (red phone icon) | Click to call the participant. Opens your device’s phone dialler. |
Email button (blue mail icon) | Click to email the participant. Opens your default email app. |
What Happens Behind the Scenes
You open the Class Template Details page
|
v
The system reads the class template ID from the URL
|
v
API call: EventService.details({ id })
|
v
The class template data is loaded (title, description, images, dates)
|
v
API call: EventService.getTickets({ id })
|
v
The participant list is loaded
|
v
The Overview tab is displayed by default
|
v
You can switch to the Participants tab to see sign-ups
Troubleshooting
“The page is blank or shows no information”
The class template may have been deleted or the ID in the URL is wrong.
Go back to the class templates list and click on the correct class template.
If the problem persists, refresh the page — the data may not have loaded due to a temporary network issue.
“I do not see any images in the gallery”
The class template may not have any images uploaded yet.
To add images, click the Edit (pencil) icon in the toolbar and upload images on the edit screen.
“The Participants tab shows zero or no participants”
No one has signed up for this class template yet.
If you expect participants, make sure the sign-up window (the Available dates) is currently open.
Check that the class template has been published and is visible to members.
“I clicked the phone or email button but nothing happened”
Your device needs a phone app (for calls) or an email app (for emails) configured as the default handler.
On desktop, the phone button may not work unless you have a calling app installed (such as FaceTime or Skype).
Try right-clicking the button and copying the phone number or email address manually.
“The dates say ‘Invalid Date’ or look wrong”
The class template may be missing its date fields. Open the edit screen and make sure the Available and Duration dates are set correctly.
This can also happen if the data is still loading — wait a moment and the correct dates should appear.
“I cannot find the Edit button”
The Edit button is the pencil icon in the top-right area of the toolbar.
If you do not see it, you may not have permission to edit class templates. Contact your administrator to check your role.
“The page is loading forever”
Check your internet connection.
Try refreshing the page.
If the problem continues, the server may be experiencing issues. Wait a few minutes and try again, or contact support.
“I want to delete this class template but there is no delete button”
The details screen is for viewing only. Deleting a class template is typically done from the class templates list or the edit screen.
Go back to the list and look for a delete option there, or open the edit screen.