SteelSeries Gauges: Difference between revisions

{{AddOnBanner|name=SteelSeries Gauges|type=Web Page|author=Mark Crossley|contact='mcrossley' via the forum|updated=19 Dec 2012|version=2.0}}

 

 

= SteelSeries JavaScript Gauges =

3. Configure Cumulus Internet|Files to:

 

Local filename = <path>\Cumulus\web\realtimegaugesT.txt

Remote filename = <website_root_path>/realtimegauges.txt

4. If required edit the "gauges.js", the key items are at the top:

 

- The relative path on your website to your 'trend' graphs folder.

- The relative path on your website to your old 'gauges' page. (users with 'old' browsers will be redirected to this page)

5. If you do not require the UV/Solar Index gauges, then change the lines

 

showSolarGauge  : true,

to

If you want to redirect browsers that do not have scripting enabled, then you will have to do this in the HTML file itself. In the header section add the following code:

 

<meta http-equiv="refresh" content="3; url=index.htm"/>

</noscript>

To switch statically, you need to edit the "gauges.js" file, and change the line 12:

 

to

(where XX is the desired language code).

 

By default for Cumulus the <#forecastenc> message is displayed which shows either the Cumulus generated forecast or the external station generated forecast depending on how Cumulus is configured. Starting with version 1.9.2 Cumulus has additional forecast message options:

 

<#wsforecastenc> - Always displays the external weather station forecast

 

Weather Display users have different options for the forecast message to be used. By default the ccrlocal file uses the Davis VP %vpforecasttext% tag. Change this to what suits you best:

 

 %forecasticonword% Words for the (Davis?) forecast icon

 %dailywarning/forecast% forecast from input daily weather

1. Edit gauges-ssT.htm and remove the comment from around the 'radar' scripts towards the end of the document. Change...

 

<script src="scripts/windrose.js"></script>

<script src="scripts/RGraph.common.core.min.js"></script>

2. Edit gauges.js, and change...

 

To...

showRoseGauge : true,

It is easy to 'move' the gauges around the page to create alternative layouts. By default, there are four rows of gauges laid out like this (o = optional gauge)...

 

* * o

* * *

I use the following 'horizontal' layout on my personal page (no Solar or UV optional gauges, but with the optional Wind Rose)

 

* * * * o