When adding a new External Content tab it is possible to embed content from a website or YouTube.

iFrame

To load a website directly in a tab, enter an embeddable URL in the iFrame field. Please avoid using standard website homepages or top-level URLs for this purpose, as most sites block this for security reasons, which may cause the tab to appear blank or function incorrectly.

YouTube Video

To display a YouTube video, enter the unique Video ID found at the end of the video's URL. Please note that if a user has not accepted third-party cookies in their browser, the video will not load automatically. Instead, a cover image will be displayed that allows the user to accept YouTube’s terms of use to view the video.

With the Participant Views you display individual details either as a pop-up from within a published list, or from a direct URL. Create different views for different purposes, or adjust one view with filters to match what's required. The structure of defining Participant Views resembles the setup of registration forms.

Preview a Participant View and verify the direct URL by entering a bib and click on 'Open tab'. 

General settings

Activate the view and enable Live Update to allow an instant update of information when having the Participant View open, both in the pop-up and the direct view.

The name of the view is only used internally for better overview if you have several different views.

Provide a meaningful and concise URL. This is used as an extension for the direct URL and must not be reused in either tabs or participant views.

Lastly, define a date range during which the view shall be active. 

Elements

The elements contain all the information that shall be displayed. In here you place and structure different types of information to make up for the participant view. 

Drag & Drop to change the order of single elements by clicking on the left edge of an element line.
Select one or more elements by ticking the respective boxes. This opens a tool bar and allows you to copy, cut and paste elements across different Participant Views and even across different event files. Copied or cut elements will be pasted above the currently selected element. Further, selecting multiple elements at once simplifies deleting, unindenting or indenting several elements.

Indenting certain elements makes the first element of a "higher" level the parent element. All display filters such as the 'Active selection' or the 'Show If' apply to children of an element accordingly. 

Type

The type defines what sort of information is shown and how it is structured. Select from different options.

Structure - structure elements define how data and information is organized.

• Box: A box puts a white background and border around the children elements. Optionally, enter a box title in the 'Data' column. Box titles support fields and hence support both normal and full-text expressions.
• Adaptive Columns: In adaptive columns all children of the same level will be displayed in a new column as long as the available width allows. If the screen is too narrow, adaptive columns will break and display elements underneath each other.
• Fixed Columns: Fixed columns will always display children of the same level side-by-side. If the screen is too narrow, elements will overlap.

Content - content elements let you fully customize the Participant View with any personal, or event related data. 

• Text: A text element is a fixed text-only element. It does not accept expressions. Enter the text in the 'Data' column.
• Field/Expression: This supports both normal and full-text expressions and lets you really tailor the view to the participant who's viewing.
• HTML: Add an HTML element for full graphical flexibility. The HTML editor opens in the 'More Details' and support expressions.
• Picture: Adding a picture to the participant view allows you to display a sponsor banner, or some other event related pictures.

Adv. Content - advanced content uses pre-set options. For all advanced content elements an optional checkbox to Embed in box with header under 'More Details' simplifies the setup by displaying the element in a box, with a pre-defined multilingual header. Most advanced content elements require settings from the 'More Details'.

• Splits/Legs: Display an overview of all splits and/or legs. Customize which splits/legs details shall be shown. 
• Links: Publish personal links to other websites. Customize the URL by using an expression to forward participants to a custom landing page, such as their personal race photos or videos.
  
• List: Select a list to be shown as details. The list will be filtered to the participant currently viewed.
• Ext. photo provider: Link directly to an individual participant's event photos with one of the available integrations. Select the platform to link to, enter the platform's Event ID, and it will show samples of the first 5 photos for that participant which also link to a unique gallery for that participant. If matching is done on an alpha-numeric bib number you can match this using the optional field.
• Certificates: Select which certificate sets should be published and for which contests. Enable or disable Individual sets as required. By default a preview of the certificate is shown as visible in the designer. Alternatively, upload a custom image preview to be shown instead. Similarly the name of the certificate set will be shown or define a custom label.
  
• Comments: Add the ability to post comments to a participant.
• Favorite: Ability to mark a participant as favorite. This is the only advanced content element that comes without a header. Instead, define whether the star shall stand by itself, or accompanied by text.

Active

Define whether an element shall be active or not. Further, distinguish between availability of an element in a popup view or direct access only.

More Details

Under 'More Details' you apply a date range during which the element is active. Further, a filter under 'Show If' takes any expression and lets you display fields dynamically, e.g. based on input in participant data.

Lastly, you find a range of pre-set CSS styling options at the bottom. These may vary between element styling and title styling options. Element always refers to the data of this line, title refers to the title only. The title comes either from the 'Data' column or the title entered in the 'More Details' section, depending on the used element type.