Sample HTML code for data viewing webpage content

SampleMonitorPane.html 

The HTML filename, including the HTML extension (.html). This filename must comply with SFTP filename requirements (no spaces or special characters). The filename (without the HTML extension) is the name shown on the webpage menu.

<h3 target="sample-readings">

This creates the first webpage content pane. “sample-readings” is the name of the webpage content. This name must be unique.

$%localizedString(Basic Readings)#$</h3>

Basic Readings is the title of the webpage content pane. This title is translated if possible.

<div id="sample-readings">

This must match the name of the webpage content in line 4.

<th>$%localizedString(Minimum)#$</th>

Minimum is the heading for the first column. This heading is translated if possible.

<th>$%localizedString(Present)#$</th>

Present is the heading for the second column. This heading is translated if possible.

<th>$%localizedString(Maximum)#$</th>

Maximum is the heading for the last column. This heading is translated if possible.

<td>$%localizedString(I a)#$ 

I a is the row heading. This heading is translated if possible.

<span unitsreg="I a"></span></td>

This displays the units that the meter has defined for the named register I a.

<td regname="I a mn"></td>

This displays the instantaneous value of the named register I a mn.

<td regname="I a"></td>

This displays the instantaneous value of the named register I a.

<td regname="I a mx"></td>

This displays the instantaneous value of the named register I a mx.

<td>$%localizedString(I b)#$ 

I b is the second row heading. This heading is translated if possible.

<span unitsreg="I b"></span></td>

This displays the units that the meter has defined for the named register I b.

<td regname="I b mn"></td>

This displays the instantaneous value of the named register I b mn.

<td regname="I b"></td>

This displays the instantaneous value of the named register I b.

<td regname="I b mx"></td>

This displays the instantaneous value of the named register I bmx.

<h3 target="sample-energy">

This creates the second webpage content pane. Sample-energy is the name of the webpage content. This name must be unique.

$%localizedString(Energy Readings)#$</h3>

Energy Readings is the title of the webpage content pane. This title is translated if possible.

<div id="sample-energy">

This must match the name of the webpage content in line 27.

<th>$%localizedString(Present)#$</th>

Present is the heading for the last column. This heading is translated if possible.

<td>$%localizedString(Active Energy)#$ 

Active Energy is the row heading. This heading is translated if possible.

<span unitsreg="kWh del-rec"></span></td>

This displays the units that the meter has defined for the named register kWh del-rec.

<td regname="kWh del-rec"></td>

This displays the instantaneous value of the named register kWh del-rec.¹

<td>$%localizedString(Reactive Energy)#$ 

Reactive Energy is the row heading. This heading is translated if possible.

<span unitsreg="kVARh del-rec"></span></td>

This displays the units that the meter has defined for the named register kVARh del-rec.

<td regname="kVARh del-rec"></td>

This displays the instantaneous value of the named register kVARh del-rec.¹

instantaneousReadings.initInstantaneousReadings('sample-readings');

Sample-readings is the unique name of the first webpage content name. This HTML code updates all of the webpage’s values.