---
title: "Tabbed UI"
slug: "tabbed-user-interface"
updated: 2024-06-25T19:05:42Z
published: 2024-06-25T19:05:42Z
canonical: "docs.blackthorn.io/tabbed-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.

# Tabbed User Interface

![Tabbed UI](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/Tabbed%20UI.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 Tabbed UI

The Tabbed UI is the default UI for Events created with Event Wizard. (For Events created with the Event Builder, the default UI is the Dynamic UI.) The Tabbed UI 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.

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

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.