SteelSeries Gauges: Difference between revisions

{{AddOnBanner|name=SteelSeries Gauges|type=Web Page|author=Mark Crossley|contact='mcrossley' via the forum|updated=1523 FebOctober 20132018|version=2.27.02}}

Please note that these gauges use HTML5 'features' and so will not run on older browsers, in particular versionversions of Internet Explorer prior to IE9. Also if you are planning on embedding the code in an existing page, then the whole page should be converted to the HTML5 standard.

== Quick Start Guide for Cumulus 1 Users (Other software users may want to scan this too) ==

3. ConfigureCopy "gauges-ssT.htm" to your Cumulus Internet|Filesweb to:folder.

FTP = Yes (unless you are local hosinghosting)

'''''NOTE''': Cumulus does not actually update any data when it processes the (gauges-ssT.htm) web pagetemplate, it simply replaces the 'static-ish' values such as your station name, location, version etc. If you wish you can edit the ''gauges-ssT.htm'' file and directly enter the information, then you do not need to get Cumulus to process the file, just copy it once to your web site, removing the 'T' from the filename. OR, you can let Cumulus process and upload the HTML file to your web site a few times, then remove it from 'files' tab table.''

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

- The relative path on your website to your 'trend' graphs folder (''images'' in standard Cumulus set up).

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

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

67. IfFTP youthe havefolders installed'css' toand a'scripts' weband foldertheir differentcontents from(the yourfiles Cumulusthat 'root'are youcontained willin alsothe needZIP tofile) editfrom your PC to the folder where your "gauges-ss.htm" file, andis located amend(probably the relativesame pathfolder towhere all your other Cumulus "weatherstyle.css"HTM filefiles are located) on your web server.

If you are installing to a web folder different from your Cumulus 'root' on your web server, you will first need to edit the "gauges-ss.htm" file, and amend the relative path to your Cumulus "weatherstyle.css" file. So if you copy these gauges to a folder called 'gauges-ss' in the root of your website, the relative path of the Cumulus css file is one folder back in the path. You would then enter the path as "../weatherstyle.css".

If you decide on a different 'standard' gauge size, then you need to edit the gauges-ss.css file. By default all the gauges use the ".gaugeSizeStd" class, simply change the width and height settings there. You can also remove any elements associated with gauges you will not use as well, again this is not mandatory, the script will remove them dynamically for you.

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

'''''Note:''''' the file ''"scripts/steelseriessteelseries_tween.min.js"'' is a combination of ''"scripts/src/steelseries.min.js"'' '''AND''' ''"scripts/src/tween.min.js"'' concatenated together. You should never have to edit these files, but be aware of this if you do.

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

The code for the gauges canis benow downloadedon fromGitHub, here:it can be [httphttps://wiki.sandaysoftgithub.com/filesmcrossley/Steelseries/gaugesSteelSeries-ssWeather-v2-2-0.zipGauges/ Downloadviewed here].

The latest version of the gauges is 2.27.02, a full version history can be [[SteelSeries_Versions|found here]].

[[Category:WebToolsSteelSeries]]