Documentation's navigation
On this page
NEW IN SUITE 5.10
What are event labels?
Event creators and editors can now add labels to their events, in addition to the already existing event categories. Labels can be created freely by anyone who creates or edits events.
And of course, you can also delete exisiting labels.
How do I add labels to events?
You can add the labels either when creating an event or when editing an event. Within the Options tab, you can find the "Labels" section underneath "Event categories".
Don't forget to save your changes after editing your event! 
After saving the changes, the event will have a dark grey status that shows the label you've added.
In this case these are the dark grey "Linchpin" and "Internal" labels.
What is the difference between an event label and an event category?
First and foremost, both are great for bringing more organization to your Event Hub!
The "event category" (shown here in gray) is a broad classification that groups similar types of events together. It acts as a primary level of categorization and helps you identify the general type of interaction that occures, e.g. a workshop.
The "event label" (shown here in yellow) is a more specific identifier that provides additional context or details about the event. It is often used to distinguish between different instances or details of the same type of event. It can provide more granular information about the event, such as the specific topic (here it's Linchpin) or whether it is an external or internal event (here it's internal). You can also use labels to display only special events in a table.
Custom CSS for color coding the event labels
You can enter your own custom CSS to add color coding to your event labels. With this custom CSS you can mark event labels in different colors so that users can quickly find their way around even if there are a lot of events.
Please beare that we cannot support any custom JavaScript or CSS.
Use at your own risk!
You can put your custom CSS in the Advanced section within the Linchpin Theme configuration. To get there, click on the rack icon, then on "General Configuration", scroll down until Theme and click on "Configuration". Then scroll down until the "Advanced" tab. Open it and you find Custom CSS and Custom JS.
In the Custom CSS section can add your own custom CSS, for example the following code:
.event-label-5 event-card-header .eventheader {
border-left: rgb(200,10,325) solid 5px !important;
}
.event-label-5 .fc-event-title-container {
border-left: rgb(200,10,325) solid 5px !important;
}
.event-label-5 .event-list-row {
border-left: rgb(200,10,325) solid 5px !important;
}
.event-label-5 .datebox {
border: rgba(200,10,325) 2px solid !important;
border-radius: 20% !important;
}
☁️ Looking for a Cloud-based Intranet?
Check out Mantra, your go-to alternative to Linchpin in the Atlassian Cloud!
Mantra is your a comprehensive solution for connecting teams, making collaboration a breeze, and keeping your company's internal communication strong and streamlined - all in the cloud.