Full-Width User Interface
  • 27 Mar 2024
  • 1 Minute to read
  • Dark
    Light

Full-Width User Interface

  • Dark
    Light

Article Summary

Full Width UI Sample

What is Supported by Each UI?

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

  • Yes = Supported
  • No = Not supported, but may work in certain scenarios
FeatureTabbedSimpleFull-WidthDynamic
ADA & WCAG Accessibility (VPAT)YesYesYesYes
AttendeeLinkYesYesYesYes
Attendee TabYesNoNoNo
Color ThemeYesYesYesYes
Custom Questions (Forms)YesYesYesYes
Custom TabsYesNoYesNo
Data Dictionary / TranslationsYesYesYes - 1Yes - 3
Discount CodesYesNoYesYes
Donations (Event Item)YesNoYesYes
Free EventsYesYesYesYes
Paid EventsYesNoYesYes
FAQsYesNoYesYes
Group RegistrationYesNoYesYes
iframesYesYesYesYes
ImagesYesYesYesyes
PayLaterYesNoYesYes
Pre-checkout and Checkout DetailsYesNoYesYes
reCAPTCHAYesYesYesYes
Session RegistrationYesNoYesYes
SessionsYesNoYes - 2Yes
SpeakersYesNoYesYes
SponsorsYesNoYesYes
TracksYesYesYesYes
Webinar IntegrationsYesYesYesYes
Visiblity ControlYesYesYesYes
WaitlistingYesYesYesYes

1 - Currently the language selector is not visible for the Full-Width UI. Users can set 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.

3 - To ensure that the Data Dictionary / Translations works, your org wil need "TRANSLATION_ENABLED" set to true on the license metadata.

UI Experience Setup

The following steps are for existing customers only.

Complete the steps below to add the UI Experience field to the Event page layout. 

  1. Go to Setup.
  2. Navigate to Object Manager.
  3. Click on the Event record > Page Layout > Event layout
  4. Add the UI Experience field to your Event page layout.
    UI Setup

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.