Full-Width User Interface
  • 25 Jun 2024
  • 2 Minutes to read
  • Dark
    Light

Full-Width User Interface

  • Dark
    Light

Article summary

Full Width UI Sample

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
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. If you use the Full-Width UI, your Attendees can only register for Sessions via their AttendeeLink.

3 - To ensure that the Data Dictionary / Translations works, your org wil 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
  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.