The Timing Tools Participant Search Widget allows participants to search across previous event results and view a consolidated history of their performances.
By embedding the Search Widget onto a website, participants can search for their name and access a comprehensive list of their results from events included within the widget configuration.
This article outlines how to create and configure a Participant Search Widget from the Timer Dashboard.
Accessing the Search Widget Tool
1. Open the Timer Dashboard
2. From the Timing Tools left-hand navigation menu, select Search Widget.
3. Click the green + Create participant search Widget button.
4. Complete the following fields to determine which event results participants will be able to search.
-
Widget name
-
Event display selection:
- Events I am a director on
-
Events I am a director on and associated with
- All associated events
- Timer Company (& Crew)
5. Choose which information should appear within the widget under Display options. Including:
-
Display event date column (amend column header if required)
-
Display Timer Company column (amend column header and add company logo if required)
-
Display event page link
-
Timezone display
6. Adjust Colour & font options to customize the appearance of the widget by configuring:
-
Font colours
-
Background colours
-
Font sizes
-
Additional display styling options
7. Enable a Custom link button to display alongside Race Roster and Timer event listings. The Custom link header field controls the column heading and default button text. When Use custom link button text is enabled, each event’s individually configured custom button text will display instead of the default header text.
8. Review Other Options. These additional settings include:
-
Detail and Results link text
-
Result sorting preferences
-
Number of results displayed per page
-
Date display settings
9. Adjust IFrame options to configure the widget embed dimensions:
-
IFrame height
-
IFrame width
- IFrame width unit
- IFrame ID
10. Click Save to create the widget.
Copy the Embed Code
After saving, the page will display the Embed Widget code snippet.
Copy and paste this code into the desired website location where the Search Widget (visible in the Preview) should appear.
If any additional changes are made on the widget configuration page, ensure to scroll to the bottom of the page and click Save again to apply the updates.