---
title: "Full-Width User Interface"
slug: "full-width-user-interface"
tags: ["Events"]
updated: 2026-01-30T13:17:25Z
published: 2026-01-30T13:17:25Z
canonical: "docs.blackthorn.io/full-width-user-interface"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Full-Width User Interface

⚠️ Deprecation Notice

We are continuing to modernize the Events user experience. New installations of Blackthorn Events will no longer include the “Full-Width” and “BYY-CSS” picklist values from the Event **UI Experience** field.

Once the full deprecation of the Full-Width UI is complete, existing Events with the **UI Experience** field set to “Full-Width” will automatically be changed to the Dynamic UI.

---

![Full Width UI Sample](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/Full%20Width%20UI%20Sample.png)

## What is Supported by Each User Interface?

The following chart shows the features we currently support for each user interface (UI).

- Yes = Supported
- No = Not supported, but may work in certain scenarios

| Feature | Dynamic | Tabbed | Simple | Full-Width |
| --- | --- | --- | --- | --- |
| ADA & WCAG Accessibility (VPAT) | Yes | Yes | Yes | Yes |
| AttendeeLink | Yes | Yes | Yes | Yes |
| Attendee Tab | Yes | Yes | No | No |
| Color Theme | Yes | Yes | Yes | Yes |
| Custom Questions (Forms) | Yes | Yes | Yes | Yes |
| Custom Content | Yes | Yes | No | Yes |
| Data Dictionary / Translations | Yes - 3 | Yes | Yes | Yes - 1 |
| Discount Codes | Yes | Yes | No | Yes |
| Display Density | Yes | No | No | No |
| Donations (Event Item) | Yes | Yes | No | Yes |
| Free Events | Yes | Yes | Yes | Yes |
| Paid Events | Yes | Yes | No | Yes |
| FAQs | Yes | Yes | No | Yes |
| Group Registration | Yes | Yes | No | Yes |
| iframes | Yes | Yes | Yes | Yes |
| Images | Yes | Yes | Yes | Yes |
| PayLater | Yes | Yes | No | Yes |
| Pre-checkout and Checkout Details | Yes | Yes | No | Yes |
| reCAPTCHA | Yes | Yes | Yes | Yes |
| Session Registration | Yes | Yes | No | Yes |
| Sessions | Yes | Yes | No | Yes - 2 |
| Speakers | Yes | Yes | No | Yes |
| Sponsors | Yes | Yes | No | Yes |
| Tracks | Yes | Yes | Yes | Yes |
| Webinar Integrations | Yes | Yes | Yes | Yes |
| Visibility Control | Yes | Yes | Yes | Yes |
| Waitlisting | Yes | Yes | Yes | Yes |

1 - Currently, the language selector is not visible for the Full-Width UI. Users can set the language using URL parameters instead.

2 - The Full-Width UI supports Sessions in the following scenarios.

- Free Events with multiple Event Items
- Paid Events with one or more Event Items
- For free Events with a single Event Item and one or more Sessions, we recommend using the Tabbed UI. If you use the Full-Width UI, your Attendees can only register for Sessions via their AttendeeLink.

3 - To ensure that Static Translations works, your org will need "TRANSLATION_ENABLED" set to true on the license metadata.

## UI Experience Field Setup

***The following steps are for existing customers only.***

Complete the steps below to add the **UI Experience** field to the Event record's page layout.

1. Go to Setup.
2. Navigate to Object Manager.
3. In the Quick Find box, enter and click "Event" (conference360__Event__c).
4. Click the Page Layouts tab.
5. Click Event Layout.
6. Locate the **UI Experience** field and drag and drop it onto the page layout.![UI Setup](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/UI%20Setup.png)
7. Click **Save**.

## Using the Full-Width UI

After the **UI Experience** field has been added to your page layout, enabling the Full-Width UI is simple!

1. The Full-Width UI supports both FREE and PAID Events.
2. Select "Full-Width" from the **UI Experience** dropdown.
3. Click the **Event Page URL**, and check out the Full-Width UI!

NOTE: The Event image is used for both the top and background images.

The user interface (UI) includes every element a user might interact with when using a Blackthorn app, such as objects, records, fields, the checkout experience, features and components, and the Mobile Check-in and Mobile Payments apps.