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

Capto_Capture 2020-08-20_08-38-19_AM3.png

Simple UI

Screen Shot 2020-08-20 at 9.04.27 AM.png

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
ADA & WCAG Accessibility (VPAT)	Yes	Yes	Yes
AttendeeLink	Yes	Yes	Yes
Color Theme	Yes	Yes	Yes
Custom Questions	Yes	Yes	Yes
Custom Tabs	Yes	No	Yes
Data Dictionary / Translations	Yes	Yes	Yes*
Discount Codes	Yes	No	Yes
Donations on Checkout	No	No	No
FAQs	Yes	No	Yes
Free Events	Yes	Yes	Yes
Paid Events	Yes	No	Yes
Group Registration	Yes	No	Yes
Iframes	Yes	Yes	Yes
Images	Yes	Yes	Yes
Tracks	Yes	Yes	Yes
Pay Later	Yes	No	Yes
Pre-checkout and Checkout Details	Yes	No	Yes
reCAPTCHA	Yes	Yes	Yes
Sessions	Yes	No	Yes
Session Registration	Yes	No	Yes
Speakers	Yes	No	Yes
Sponsors	Yes	No	Yes
Webinar Integrations	Yes	Yes	Yes
Visibility Control	Yes	Yes	Yes
Waitlisting	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!