What This Screen Does
This is where you view all the details about a specific event. Think of it like opening a flyer for an upcoming event — you can see the title, dates, description, images, and a list of everyone who has signed up. From here you can also edit the event, add participants, send messages to attendees, export participant data, and cancel the event if needed.
How to Get There
Open the dashboard.
In the left-hand menu, click Events.
Click on the event you want to view from the list.
You are now on the Event Details screen.
Step-by-Step Guide
1. Review the Toolbar
At the top of the screen you will find a toolbar with several actions:
Action | Icon | What It Does |
Back | Left arrow | Takes you back to the events list. |
Send email | Email icon | Opens an email composer pre-filled with all event participants as recipients. |
Send SMS | SMS icon | Opens a text message composer pre-filled with all event participants as recipients. |
Add participant | User-add icon | Opens a dialog where you can register a new participant for this event. |
Edit | Pen icon | Takes you to the event edit screen. Only visible if the event has not been cancelled (archived). |
2. Switch Between Tabs
Below the toolbar there are two tabs:
Tab | What It Shows |
Overview | The event images, title, dates, and description. This is the default tab. |
Participants | A table listing everyone who has a ticket for this event. A badge shows the total number of participants. |
Click on a tab to switch views.
The current tab is saved in the URL (as a
?currentTab=parameter), so if you refresh the page or share the link, the same tab will be shown.
3. View the Overview Tab
3a. Image Gallery
If the event has images, they are displayed in a grid at the top.
The first image is shown large on the left. Up to four additional images appear in a smaller grid on the right.
Click any image to open it in a full-screen lightbox viewer.
Use the lightbox arrows to navigate between images, or click outside to close it.
3b. Event Title and Actions
The event title is displayed prominently.
Next to the title you will see three icon buttons:
Button | What It Does |
Newspaper icon | Creates a news article from this event. A confirmation dialog will appear first. |
Share icon | Opens your device’s native share dialog with the event’s public registration link. |
Trash icon | Cancels (deletes) the event. A confirmation dialog will appear first. Only visible if the event is not already cancelled. |
3c. Event Dates
Two date ranges are displayed:
Field | What It Shows |
Available | The window during which people can sign up — from the open for sign-up date to the closed for sign-up date. |
Durations | When the event actually takes place — from the begins date to the ends date. |
3d. Event Description
Below the dates, the full event description is rendered as formatted text (Markdown).
4. View the Participants Tab
Click the Participants tab to see who has registered for the event.
The participant count is shown as a badge on the tab itself.
The table includes these columns:
Column | What It Shows |
Participant | The person’s name, profile photo, and email. Click on a participant to go to their member profile. |
Ticket type | The type of ticket they purchased. |
Custom option columns | If the event has custom options (like T-shirt size or dietary preference), each option appears as its own column. |
Purchased on | The date and time the ticket was bought. |
Status | The payment status of the ticket. A green chip means Paid; a red chip means payment is outstanding. |
Actions | A three-dot menu with a Remove option to cancel the participant’s ticket. |
4a. Remove a Participant
Click the three-dot menu (⋮) on the participant’s row.
Click Remove.
The ticket is cancelled and the participant list refreshes automatically.
A green “Ticket cancelled!” notification will appear.
5. Add a Participant
Click the Add participant button (user-add icon) in the toolbar.
A dialog opens where you can select a member and a ticket type.
Fill in the required information and confirm.
The participant list refreshes automatically.
6. Send Email to Participants
Click the Send email button (email icon) in the toolbar.
An email composer opens with all participants pre-filled as recipients.
Write your subject and message, then send.
7. Send SMS to Participants
Click the Send SMS button (SMS icon) in the toolbar.
A text message composer opens with all participants pre-filled as recipients.
Write your message and send.
8. Export Participants as CSV
The export functionality is available via the toolbar through the Export action (passed to the toolbar component).
When triggered, a CSV file named
result.csvis downloaded to your computer containing the participant/ticket data.
9. Create a News Article from the Event
On the Overview tab, click the newspaper icon next to the event title.
A confirmation dialog asks: “Are you sure you want to create a news article for this event?”
Click Create.
A news article is created using the event’s title, description, and first image.
A green “News article created!” notification will appear.
10. Cancel the Event
On the Overview tab, click the trash icon next to the event title.
A confirmation dialog asks: “Are you sure you want to cancel [Event Title]?”
Click Cancel event to confirm.
The event is cancelled and you are redirected back to the events list.
A green “Event cancelled!” notification will appear.
What Happens Behind the Scenes
When the page loads:
You navigate to /events/:id
|
v
Redux dispatches getEvent({ id })
|
v
API call: EventService.details({ id })
|
v
Event details (title, dates, description, images) are stored in state
|
v
Redux dispatches getParticipants({ id })
|
v
API call: EventService.getTickets({ id })
|
v
Participant/ticket list is stored in state
|
v
Screen renders with Overview tab selected (or whichever tab is in the URL)
When you export participants:
You click "Export"
|
v
API call: GET /api/events/{id}/tickets (with Accept: text/csv header)
|
v
Server returns CSV data
|
v
Browser downloads the file as "result.csv"
When you cancel the event:
You click the trash icon and confirm
|
v
API call: EventService.cancel({ id })
|
v
Success notification appears
|
v
You are redirected to the events list
When you remove a participant:
You click Remove on a participant row
|
v
API call: TicketsService.cancelTicket({ ticketId })
|
v
Success notification appears
|
v
Participant list is refreshed via EventService.getTickets({ id })
Troubleshooting
“The page is blank or just shows a loading spinner”
The event data is still being fetched from the server. Wait a moment.
If it stays blank, check your internet connection.
Make sure the event ID in the URL is correct. If the event was deleted or does not exist, there will be nothing to display.
“I do not see the Edit or Cancel buttons”
These buttons are hidden when the event has been cancelled (archived).
Once an event is cancelled, it cannot be edited or cancelled again. This is by design.
“The Share button does nothing or shows an error”
The native share dialog depends on your browser and device. Not all desktop browsers support the Web Share API.
Try using a mobile device or a browser like Chrome, Safari, or Edge that supports sharing.
If the share fails silently, you can manually copy the event link from the browser address bar or construct it as
https://[your-domain]/Ticket/Register?eventid=[event-id].
“I removed a participant by mistake”
Cancelling a ticket cannot be undone from this screen.
You can re-add the participant by clicking the Add participant button and registering them again.
If they had already paid, you may need to handle the refund separately through the invoices or orders section.
“The Participants tab shows no custom option columns”
Custom option columns (like T-shirt size or meal preference) only appear if the event was set up with ticket options.
If no options were configured when the event was created, no extra columns will appear. This is normal.
“The CSV export file is empty or does not download”
Make sure the event has at least one participant. An event with zero tickets will produce an empty file.
Check that your browser is not blocking downloads. Look for a blocked-download notification in the address bar.
If you get a network error, try again — the server may have timed out.
“I created a news article from the event but it does not appear in the news list”
The news article is created with the current date as its publish date and uses the event’s gym as its target audience.
Check the News section in the dashboard. If you have a gym filter active, make sure it matches the event’s gym.
The article is created using the event’s description as-is. If the event has no description, the article body will be empty.
“The participant count badge on the tab does not match what I see in the table”
The badge shows the total number of ticket records, including cancelled ones that may still be in the list briefly.
Try refreshing the page to get the latest data. The count updates after the participant list is re-fetched from the server.