User Interfaces
- 13 Jul 2022
- 2 Minutes to read
-
Print
-
DarkLight
User Interfaces
- Updated on 13 Jul 2022
- 2 Minutes to read
-
Print
-
DarkLight
To give Event Planners the flexibility to change the look and feel of their Events, there are three different UI experiences to choose from.
- Tabbed: the traditional checkout UI experience for free and paid Events
- Simple: a single page UI experience for only free Events
- Full-Width: an adaptive UI experience 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.
UI Experience Examples
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 |
|---|---|---|---|
| ADA & WCAG Accessibility (VPAT) | Yes | Yes | Yes |
| AttendeeLink | Yes | Yes | Yes |
| Color Theme | Yes | Yes | Yes |
| Custom Questions (Forms) | Yes | Yes | Yes |
| Custom Tabs | Yes | No | Yes |
| Data Dictionary / Translations | Yes | Yes | Yes* |
| Discount Codes | Yes | No | Yes |
| Free Events | Yes | Yes | Yes |
| Paid Events | Yes | No | Yes |
| FAQs | Yes | No | Yes |
| Group Registration | Yes | No | Yes |
| Iframes | Yes | Yes | Yes |
| Images | Yes | Yes | Yes |
| Pay Later | Yes | No | Yes |
| Pre-checkout and Checkout Details | Yes | No | Yes |
| reCAPTCHA | Yes | Yes | Yes |
| Session Registration | Yes | No | Yes |
| Sessions | Yes | No | Yes |
| Speakers | Yes | No | Yes |
| Sponsors | Yes | No | Yes |
| Tracks | Yes | Yes | 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 steps below:
- Go to Setup.
- Navigate to Object Manager.
- Click on the Event record > Page Layout > Event layout
- Add the UI Experience field to your Event page layout.
Using the Tabbed UI
"Tabbed" is the default UI offered by Blackthorn, this will be used for all Events unless the UI Experience field is changed. The "Tabbed" UI supports both FREE and PAID Events and as many Event Items as you want.
Using the Simple UI
After the UI Experience field has been added to your page layout, enabling the Simple UI is simple!
- This Event must be a FREE Event. Paid Events are not supported.
- Make sure there is only one Event Item on the Event. If there are multiple Events, an error will flag.
- Click the UI Experience dropdown, and select "Simple".
- Click the Event 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!
- The Full-Width UI supports both FREE and PAID Events.
- Select "Full-Width" from the UI Experience dropdown.
- Click the Event URL, and check out the Full-Width UI!