Some events with robust information can benefit from using Novi's tabbed layout format! Additional unique tabs can also be added to highlight each association's nuances within events!
Quick Jumps:
Below is an example of tabbed layouts in an event:
Enabling Tabbed Layout
Navigate to the Details tab of an event in the admin and toggle "Enable Tab Layout."
This displays a grid with four default tabs: Overview, Pricing, Agenda, and Attendees. Other than Overview, the default tabs can be hidden.
The Overview tab contains primary details.
Pricing generates from the tickets created in the event.
Agenda generates from the agenda section in the event details.
Attendees generate from attendee list, if attendees are marked to display.
Admins can also add custom tabs.
Click + Add new tab to add a custom tab.
Custom tabs are hidden by default until marked as Shown.
Examples/Ideas: Things to Do, Hotels, Speakers - any additional content to call attention to, separate from the Overview (primary description).
Custom Tab Details include Name and Content:
Editing Tabs
Click the Edit button to edit and customize each tab. Admins can add content to the Overview and Custom tabs. All tabs can be renamed.
Tabbed content will be inactive on the frontend if no content has been added (e.g. the Agenda tab only displays if the agenda has been created).
Admins can also rearrange the orders of the tabs by clicking the dots to the left of the tab name to drag and drop it into place.
Viewing Tabs on the Frontend
Admins can edit content from the frontend for the Overview and custom tabs.
Turn the Page Editor to active, then click into the content area for the Overview tab or custom tab. Remember to save all changes from the frontend!
Inactive Tabs:
Tabs may be inactive if:
The tab is marked as hidden.
Pricing tab: no tickets have been created.
Agenda tab: no agenda exists.
Attendees tab: attendees aren't enabled to display (in Association Settings > Events)
Both active and inactive tabs display to admins on the frontend.
If a tab is inactive or has no content, it won't display to non-admin users on the frontend.
Linking to Specific Tabs
Specific tabs can be linked to by right-clicking on the tab and copying the tab's link or the tab's name, such as #pricing below.
