User Interfaces
Over the coming months we will be implementing different UI experiences to give you, event planners, more flexibility on the look and feel of your events. We now offer three forms.
- Tabbed - our traditional checkout for free and paid events
- Simple - single page UI only for free events
- Full-Width - An adaptive UI for free and paid events.
Getting Started
- Navigate to: Object Manager > Event > Fields and Relationships > UI Experience
- Add the following values:
- Full-Width
- Tabbed
- Simple
Note: These will populate the UI Experience
picklist on the Event object.


Examples of each UI
Tabbed UI


Simple UI


Full-Width UI
What is supported for each UI
The following chart dictates what we currently support for each user interface.
- Yes = Supported
- No = Not supported, but may work in certain scenarios
Feature | Tabbed | Simple | Full-Width |
---|---|---|---|
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | No | Yes | |
Yes | Yes | Yes* | |
Yes | No | Yes | |
Yes | No | Yes | |
Free Events | Yes | Yes | Yes |
Paid Events | Yes | No | Yes |
Yes | No | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | No | Yes | |
Yes | No | Yes | |
Yes | Yes | Yes | |
Yes | No | Yes | |
Yes | No | Yes | |
Yes | No | Yes | |
Yes | No | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes | |
Yes | Yes | Yes |
*Currently the language selector is not visible for the Full Width UI. Users can set language using URL parameters instead.
UI Experience Setup
First, add the UI Experience field to the event page layout. This can be done by following the below steps:
- Go to Setup
- Navigate to Object Manager
- Click on the Event record > Page Layout > Event layout
- Add the
UI Experience
field to your page layout.


Using the Tabbed UI
Tabbed is the default UI offered by Blackthorn, this will be used for all events unless changed in the UI Experience
field.
- Tabbed UI supports both FREE and PAID events.
- Add as many Event Items as you want!
- Any other features? Add them in and check it out!


Using the Simple UI
After the UI Experience
field has been added to your page layout, enabling Simple UI is simple!
- Make sure that this event is a FREE event. Paid events are not supported.
- Make sure there is only 1 Event Item on the Event. If there are multiple, an error will flag.
- Next, click the UI Experience dropdown, and select
Simple
. - Open your Event Page URL, and check out the Simple UI!
Using the Full-Width UI
After the UI Experience
field has been added to your page layout, enabling the Full-Width UI is simple!
- Full-Width supports both FREE and PAID events.
- Make sure to select
Full-Width
from the UI Experience dropdown. - Open your Event Page URL, and check out the Full-Width UI!
Updated 2 months ago