What This Screen Does
This is where you update an existing class description (also called a class type). Think of a class description as a category label for your classes — like “Spinning”, “Yoga”, or “CrossFit”. When you need to change the name, update the description text, swap out images, or adjust settings for a class type that already exists, this is the screen you use. Your changes will apply everywhere that class type appears in the system.
How to Get There
Open the dashboard.
In the left-hand menu, click Class description.
Find the class description you want to edit in the list.
Click on it to open its details, then click the Edit button.
You are now on the Edit Class Description screen.
Step-by-Step Guide
1. Review the Breadcrumb
At the top of the page you will see a breadcrumb trail: Dashboard → Class description → [Name of the class description].
This confirms you are editing the correct class description.
2. Update Class Type Information
These fields define the core details of the class type:
Field | Required | What to Enter |
Class Type Name | Yes | The name of this class category (e.g. “Endurance WOD”, “Spinning”, “Yoga”). This is what members see when browsing classes. |
Description | Yes | A rich-text description explaining what members can expect from classes in this category. Use the editor toolbar to add bold text, lists, or links. |
3. Update Images
Below the description you will see the Class Type Images uploader.
Images already attached to this class description will appear as thumbnails.
To add a new image, click the upload area and pick a file from your computer.
Supported formats: JPEG, PNG, or GIF.
Minimum size: 320 × 240 pixels. Recommended size: 2048 × 1536 pixels.
The image will be cropped to a 4:3 aspect ratio.
To remove a single image, click the delete icon on its thumbnail. The image is removed from the server immediately.
To remove all images, click the Remove All button. All images are deleted from the server immediately.
At least one image is required. The form will not submit without it.
4. Set External Programming Track (Premium / Platinum only)
Field | Required | What to Enter |
External Programming Track | No | A reference to an external workout program or track (e.g. “WOD Elite”). This field only appears if your chain is on a Premium or Platinum subscription. Leave it empty if this class type does not follow an external program. |
5. Pick a Brand Color (Tint)
Click the Brand Color (Tint) field to open the color picker.
Choose a hex color that represents this class type.
This color appears on calendars, schedules, and the mobile app so members and staff can quickly tell class types apart.
The default is light grey (
#E1E1E1). Pick something distinctive.
6. Set Maximum Participations Per Day
Field | Required | What to Enter |
Maximum participations per day | No | A whole number (1 or higher) that limits how many times a single member can attend classes of this type in one day. Leave it empty if there should be no limit. Only numbers are accepted. |
7. Save Changes
Click the Save Changes button at the bottom-right of the form.
The system will:
Validate all your inputs.
Update the class description record.
Upload any new images (or apply removals).
Redirect you back to the class descriptions list.
You will see a green “Update success!” notification at the bottom of the screen.
What Happens Behind the Scenes
You click "Save Changes"
|
v
Form validates all fields (Yup schema)
|
v
API call: ClassDescriptionsService.edit({ id, body: formData })
|
v
Class description record is updated on the server
|
v
API call: ClassDescriptionsService.setBackgroundImage({ id, files: images })
|
v
Images are uploaded / synced with the server
|
v
Success notification appears ("Update success!")
|
v
You are redirected to /class-descriptions (the list page)
Troubleshooting
“I clicked Save Changes but nothing happens”
Make sure all required fields are filled in: Class Type Name, Description, at least one Image, and Tint.
Look for small red error messages below the fields — they tell you exactly what needs to be fixed.
Scroll up to check if you missed a field near the top of the form.
“The description editor looks empty even though I typed something”
The description field uses a rich-text editor. If you pasted text from another application, formatting issues can sometimes make it look empty to the validator.
Try clearing the field and typing your description directly into the editor.
Make sure you click inside the editor area (not just the heading above it) before typing.
“I cannot see the External Programming Track field”
This field is only available on Premium and Platinum subscription plans.
If your chain is on a lower plan, the field will not appear. Contact your account manager to upgrade if you need this feature.
“My image upload failed or the image does not appear”
The image must be a JPEG, PNG, or GIF.
It must be at least 320 × 240 pixels. Smaller images will be rejected.
Make sure the file does not exceed the maximum file size allowed by the system.
If the class description was saved but the image failed, come back to this edit screen and try uploading again.
“I removed an image by accident”
Image removal happens immediately when you click the delete icon — it is sent to the server right away and cannot be undone from this screen.
You will need to re-upload the image. If you no longer have the original file, check with your team or content library.
“I see a red error banner at the top of the form”
This means the server returned an error when trying to save.
Read the error message carefully — it usually explains the problem (for example, a duplicate name or a server-side validation failure).
Fix the issue described in the message and try saving again.
If the error is unclear or keeps appearing, contact support and include the exact error text.
“The page is loading but no data appears in the form”
The edit screen fetches the class description details when it opens. If your internet connection is slow or interrupted, the data may not load.
Try refreshing the page.
Check that the URL contains a valid class description ID. If the ID does not exist, the form will stay empty.
“The color picker is not showing the current color”
The color picker defaults to
#E1E1E1(light grey) if no tint was previously saved.If you previously set a color and it is not showing, the data may still be loading. Wait a moment and it should populate.
You can also type a hex code directly into the field (e.g.
#FF5733).
“The maximum participations field won’t accept my input”
This field only accepts whole numbers (1 or higher). Letters, decimals, and negative numbers are not allowed.
If you want no limit, leave the field completely empty — do not enter 0.