Not registered? Register

Championships Widget

Displays domain championships with Drivers & Team standings


Live Example


Before You Begin

Before you setup the widget, you need to have access to the source code for your website.


The following instructions describe how to add the widget snippet your site. They assume

  • You have added your league on LiveRacers

  1. Copy and paste following snippet into your web page <head>...</head> section. Ensure the snippet is only present once on your website at all times. In case you don't have access to the <head> section, paste the snippet anywhere into the <body> section, but make sure it's only ever present once on the website.


    <script type="text/javascript">
    window._lr = {
        url: 'https://liveracers.com',
        domains: ['domain'] //or multiple domains: ['domain1', 'domain2']
    };
    (function () {
    	var lr = document.createElement('script'); lr.type = 'text/javascript'; lr.async = true;
    	lr.src = window._lr.url + '/Scripts/api.js';
    	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lr, s);
    })();	
</script>

  2. Position the following element that will contain the list of live servers on your page (inside <body>...</body>).


    <div id="lr-championships"></div>

  3. Deploy your website and refresh the page. The container with lr-championships element should now contain a widget with live servers, looking similarly to these (depending on selected theme):


Optional Settings


Support for multiple Domains


Specify one or more domains in the 'domains' property of the 'window._lr'


Themes


It is possible to customize the way Widgets look and feel. You can choose from the following themes

  • light (default)

  • dark

To apply a theme to a widget, set the widget's element attribute 'theme' to desired value. Example


<div id="lr-championships" theme="dark"></div>

Note that widget background is transparent, so the widget will use the background color of your website


Width


By default a widget width is 250px. Minumum width of this widget is 250px. To customize the widget width, you can use the 'width' attribute


<div id="lr-championships" width="250px"></div>

Height


By default a widget height is 600px. Minumum height of this widget is 300px. To customize the widget height, you can use the 'height' attribute


<div id="lr-championships" height="600px"></div>

If you have any questions or problems, contact support@liveracers.com.