CT Event Widget

Introduction

The CT Event Widget is a searchable database of past, upcoming, and live events. You can setup your own organization there for athletes to be able to view all of your org's events.

Navigating to the Event Widget

To navigate to the main Event Widget for all ChronoTrack hosted events, go to this link: ChronoTrack Event Widget. This widget allows a user to peruse the various live events as well as past events hosted on CT Live. 

Finding the Widget for your Organization

To create your own personalized Widget for your org you will need to do 3 things. 

1. Navigate to My Orgs in CT Live.
2. Edit an Org by hitting the Pencil Icon beside the Org or by clicking on the Org ID.

3. Once in the Edit Org page, scroll to the bottom and you will see a place to copy you Event Widget Link.

   

Example of what an Event Widget will look like:

If you wish to show Events for multiple organizations in your Event Widget, simply add that org id onto the end of the Event Widget URL with a comma between it and the other org id. "xxx" represents the org ids you wish to display. 

For example: https://live.chronotrack.com/events?orgId=xxx,xxx 

Features of Widget

Search

At the top of the Widget there is a search. This search allows athletes to find any Events that have occurred under your Organization in CT Live. 

Live Events

Display of Events that are currently Live or Ongoing.

Past/Upcoming Events

Click to toggle the Past Events or Upcoming Events using the oblong button above the list of events. Whichever option is chosen will be highlighted in White. 

Results

Click the Results button on the right to navigate to the corresponding Microsite Results. If those results have not yet been processed through Microsite Results, then there will be a link to Athlinks on that Results Page.

Hiding Events from the Event Widget

1. To Hide an Event from the Event Widget, go to Event Properties from the Event Dashboard. 
2. In the section at the top of the Edit page, there is a Toggle for "Published" as well as "Test Event."
3. Click to uncheck Is Published. If it is a test event, you can alternatively toggle "Test Event". Doing either action will hide an Event from appearing in the Event Widget.
4. Save your Changes. 

Adding Color to the Widget

If you wish to change the color of the Widget, this can be done for a single org by Editing the Org and then changing the organization's primary color. To navigate to editing an Event go to the My Orgs page and go into the Edit menu for your org. Once there you will see the option to change the color:

Once you have changed the color, simply copy the updated link with the new color added from the bottom of the Edit Org window. 

If you have a widget that displays multiple orgs, you may wish to change the primary color of your Event Widget but cannot do so via the Edit Org tool. To do so manually, simply append the following to your URL: "&color=xxx" where "xxx" is the hex code of the color you wish the widget to be.

Example: https://live.chronotrack.com/events?orgId=999,929&color=ded121

Embedding the Widget in your Website

If you wish to embed your Event Widget page for your organization on your own website, use an HTML iframe in the HTML of your Event's website. 

Example of HTML to use for this purpose:

<iframe src="https://live.chronotrack.com/events?orgId=XXX" width="100%" height="2000px"></iframe>

In this case replace the "XXX" at the end of the URL listed in the iframe with your CT Organization ID.