What This Screen Does
This is where you see all the class descriptions that have been set up in your system. Think of it as a catalogue of the different types of classes your gym offers — like “CrossFit”, “Yoga”, or “Open Gym”. From here you can search through them, create new ones, edit existing ones, or delete ones you no longer need.
How to Get There
Open the dashboard.
In the left-hand menu, click Class Description.
You are now on the Class Description List screen.
Step-by-Step Guide
1. View the List of Class Descriptions
When the page loads, you will see a table showing all class descriptions for your currently selected gym.
The table has the following columns:
Column | What It Shows |
Title | The name of the class description, along with a small avatar image (the background image) and a subtitle if one exists. |
Color | The tint (color code) assigned to this class description. This color is used on calendars and schedules. |
Type | Shows a chip label if the class is marked as “Open gym” or “Personal training”. Regular classes show nothing here. |
Actions | A three-dot menu icon that lets you edit or delete the row. |
The list is sorted by Title in descending order by default. You can click any column header to change the sort order.
2. Search for a Class Description
At the top of the table you will find a search bar.
Type a name or keyword into the search field.
The table updates automatically as you type, filtering results to match your search.
If no results match, you will see a “No data” message.
Field | Required | What to Enter |
Search | No | Type any part of a class description name to filter the list. |
3. Clear Search Filters
If you have typed something in the search bar, a filter results bar appears below the search showing how many results were found.
Click the Clear button (with a trash icon) to remove all filters and show the full list again.
4. Create a New Class Description
Click the New description button in the top-right corner of the page.
This takes you to the Create Class Description screen where you can set up a new class type.
5. Edit a Class Description
Find the class description you want to change in the table.
Click the three-dot menu icon (⋮) on the right side of that row.
Select Edit from the dropdown menu.
You will be taken to the Edit Class Description screen.
6. Delete a Class Description
Find the class description you want to remove.
Click the three-dot menu icon (⋮) on the right side of that row.
Select Delete from the dropdown menu.
A confirmation dialog will appear asking: “Are you sure want to delete?”
Click the red Delete button to confirm, or close the dialog to cancel.
After deletion, you will see a green “Deleted!” notification and the list will refresh.
7. Adjust Table Density
At the bottom of the table, next to the pagination controls, there is a dense toggle.
Turn it on to make the rows shorter and fit more data on screen.
Turn it off for a more spacious layout.
8. Navigate Between Pages
At the bottom of the table you will find pagination controls.
Use the rows per page dropdown to choose how many items appear per page.
Use the page navigation arrows to move between pages.
What Happens Behind the Scenes
Page loads
|
v
API call: ClassDescriptionsService.index({ pageSize, pageNumber, sortBy, direction, search })
|
v
Server returns class descriptions and total count
|
v
Table displays the results
|
v
(If you delete a row)
You click "Delete" on a row → confirm dialog appears
|
v
You click "Delete" to confirm
|
v
API call: ClassDescriptionsService.deleteClassDescription({ id })
|
v
"Deleted!" notification appears
|
v
API call: ClassDescriptionsService.index({ ... }) — list refreshes
|
v
Updated table is displayed
Troubleshooting
“I searched for a class description but the table says no data”
Double-check your spelling. The search looks for matches in the class description name.
Try using just part of the name instead of the full title.
If you recently created the class description, try refreshing the page — it may not have loaded yet.
“I clicked Delete but nothing happened”
Make sure you clicked the red Delete button inside the confirmation dialog, not just the menu item.
If you closed the dialog by accident, open the three-dot menu again and select Delete once more.
Check your internet connection. If the network is down, the delete request cannot reach the server.
“The list is empty even though I know there are class descriptions”
Make sure the correct gym is selected in the dashboard. Class descriptions are loaded based on your currently selected gym/location.
If you just switched gyms, the page should reload automatically. If it does not, try refreshing the page.
If no class descriptions have been created yet, the list will naturally be empty. Click New description to create one.
“I cannot find the New description button”
The button is in the top-right corner of the page, next to the breadcrumbs.
If you do not see it, your screen may be too narrow. Try scrolling to the right or widening your browser window.
If the button is missing entirely, you may not have the required permissions. Contact your administrator.
“The table is loading slowly or not loading at all”
A slow or unstable internet connection can delay the data. Wait a moment and then refresh the page.
If the problem persists, the server may be experiencing issues. Try again later or contact support.
“I accidentally deleted a class description”
Deletion is permanent. There is no undo button.
If the class description was linked to class templates or scheduled classes, those may still reference it. You will need to create a new class description and update any templates manually.
Contact your administrator or support if you need help recovering data.
“The sort order does not seem to work”
Click directly on the column header text (e.g., “Title”) to toggle the sort direction.
The default sort is by Title in descending order. Clicking the same column again will switch between ascending and descending.