beautypg.com

File system: web view, Web view, Logo – Watlow Series PD User Manual

Page 144: Cascade style sheets, Data examples, Cascade style sheet (css)

background image

Data Examples

Data can be logged up to once every second or any

specified interval in seconds or minutes. Input Process
Values, Working Setpoint, Loop Power, Optional Dis-
crete Inputs or Current Transformer inputs are logged
at the user defined logging intervals.

H,Sep 02 03,10:04:23 AM, PV1,PV2,SP1,SP2,PL1,PL2,
DI3, CT4,

This header example, denoted by the letter H, consists of the
Date, Time of Day, Process Variable for Input 1 and Input 2,
Working Set Point for Loop 1 and 2, Power Level for Loop 1
and 2, Digital Input 3 Status and Current Transformer 4 In-
put Value.

D,,10:04:23 AM,22.040,4.050,10.000,0.000,0.00,-6.75,Inac-
tive,20.34,

This header example, denoted by the letter D, consists
of a blank space for the Date, data for the Time of Day,
Process Variable for Input 1, Process Variable for Input
2, Working Set Point for Loop 1, Working Set Point for
Loop 2, Power Level for Loop 1, Power Level for Loop 2,
Digital Input 3 Status and Current Transformer 4 In-
put Value.

Commas separate each field of the Header and Data

records. Information in the Header record corresponds
to the value in the Data record.

Alarm States are logged as an event and are not sub-

ject to the Logging Interval setting. For example, if the
Logging Interval is configured for 1 minute, and Alarm
1 goes active several seconds after the last logging inter-
val, a log entry will indicate the event:

A,,10:05:01 AM,Low Process Alarm 1 Active: Set Point 10.000

If the alarm is cleared several seconds later, this

event will also be logged:

A,,10:05:12 AM,Low Process Alarm 1 Inactive: Set Point
10.000

File System: Web View

The Web View page allows customization of the web

page served by the Series PD. The web banner at the
top of the web page, the logo and web page formatting
attributes can be customized for each Series PD.

Logo

This allows changing the logo in the upper left cor-

ner of the banner which can contain your company logo,
a picture (.jpg) or animation file (.gif) to identify the
process or customize the appearance of the Series PD
web page. The Storage Device 1 file size limits (approxi-
mately 21k per file) and the banner area limit the logo
size.

The file used for the logo can be loaded into Storage

Device 1 on the File Manager page or can be called from
an external HTML reference location.

Cascade Style Sheet (CSS)

This allows customization of the Series PD web

pages. The web page elements, fonts, colors and format-
ting can be changed by editing the cascade style sheet
file. Most browsers support cascade style sheets

The contents of the default style sheet are as fol-

lows:

.Logo { float: left; }

.Banner { font: italic 46px Times; width: 100%; text-
align: center; background-color: #FFFFCC; color:
#6699CC;

border-bottom-width: 2;

border-bottom-style: solid;

border-bottom-color: #004488;

}

.NavigationBody { font: 18px Times; background-color:
#FFFFCC; color: #004488; margin-left: 1%; margin-top:
1%; }

.DeviceDisclaimer { font: 12px Times; text-align: left }

.PageTitle { font: 30px Times; width: 100%; text-align:
center; background-color: #004488; color: #6699CC; }

.PageBody { font: 18px Times; background-color:
#FFFFFF; color: #004488; margin-left: 1%; margin-top:
1%; }

.MonitorHeader { font: 14px Times; width: 100%; text-
align: left; background-color: #6699CC; color: #004488; }

.Alert { background-color: #FF0000 };

.NoAlert { };

.Warning { font: bold; color: #FF0000 };

A:link { text-decoration: underline; color: #004488; }

A:visited { text-decoration: underline; color: #004488; }

A:active { text-decoration: none; color: #6699cc; }

A:hover { text-decoration: underline; color: #FF0000; }

// The following is used for the explorer like navigation
system

.mhead {

width: 100%;

margin: 0px;

padding: 1px;

display: block;

font-size: 100%;

font: 14px Times; background-color: #FFFFCC; color:
#004488;

}

.submenu {

display: none;

margin-left: 5px;

padding: 1px;

line-height: 100%;

font: 16px Times; background-color: #FFFFCC; color:
#004488;

W a t l o w S e r i e s P D

1 4 2

C h a p t e r 1 0 F e a t u r e s