Documentation page for Verband der Sportvereine Südtirols (VSS) Widget

1. Widget code

The webmaster can copy the code-block and integrate it in the website.

The widget can be initialized only once in the website and can be placed everywhere with custom inline CSS styles on the main element.

The data will be refreshed every 10 second, to avoid performance issues on the hosting website and on our server.

<div id="vss-widget"></div>

Copy the below JavaScript code before the closing of the </body> element.

<script>
(function (w, d, s, o, f, js, fjs) {
    w['VSS-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
    js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
    js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
}(window, document, 'script', 'mnw', 'https://widgetvss.rrsolutions.it/vss-widget.js'));
mnw('init', { targetElementId: 'vss-widget', organizationId: 3230, language: 'it' });
</script>

Our Widget doesn't need any additional third-party libraries.

2. Example of Widget implementation

Example of a widget implementation for the italian language:

<!-- CODE START-->
    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
            <link rel="stylesheet" type="text/css" href="https://widgetvss.rrsolutions.it/vss-widget.css">
            <title></title>
        </head>
        <body>
        <div id="vss-widget"></div>
        <script>
        (function (w, d, s, o, f, js, fjs) {
            w['VSS-Widget'] = o; w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
            js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
            js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
        }(window, document, 'script', 'mnw', 'https://widgetvss.rrsolutions.it/vss-widget.js'));
        mnw('init', { targetElementId: 'vss-widget', organizationId: 3230, language: 'it' });
        </script> 
        </body>
    </html>
<!-- CODE END-->

3. Widget parameters

Parameter	Description
targetElementId	This parameter is mandatory for the widget. this parameter is the identifier of the HTML tag that will contain the widget
organizationId	This parameter is mandatory for the widget. The value for this parameter will be provided by LidoNews, because each organization has his own internal identifier.
language	The widget supports multilanguage and can be set with this parameter. If not set, the widget will choose by default the german language

3.1 Available language parameters

Parameter	Description
de	German (default)
it	Italian
la	Ladin

Verband der Sportvereine Südtirols (VSS) Widget Code implementation

1. Widget code

2. Example of Widget implementation

3. Widget parameters

3.1 Available language parameters

4. Preview of our widget layout