Portlet Factory, Version 6.1.2

---

 

Use of the generated style names

If you generate a sample HTML page from within the Data Page builder call (from the Advanced group in the builder call editor), the HTML page uses the following CSS class names.

label

Used for the label text for leaf nodes (elements that do not contain other elements).

sectionLabel

Used as the label for branch nodes (elements that have child elements).

outputData

Used for the data contained in leaf nodes

entireTable

Used for all rows in a table of repeated elements

tableHead

Used for the first row in a table of repeated elements

tableRow

Used for "body" rows in a table of repeated elements

tableRowEven

Used for evenly numbered rows in a table of repeated elements provided that you use a Data Field Modifier builder call to set this style for the associated element in the data.

tableRowOdd

Used for oddly numbered rows in a table of repeated elements provided that you use a Data Field Modifier builder call to set this style for the associated element in the data.

Required

Used for the character(s) denoting a required field in an input form.

ErrorMessage

Used for the error message(s) displayed when validation fails.

You could use the following CSS style definitions as a starting point. Copy them into an empty CSS file or embed them into a <STYLE /> element in the generated HTML page.

.label { font-family: Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color: #004E8E}
.sectionLabel { font-family: Arial, Helvetica, sans-serif;font-size: 14pt; font-weight: bold; color: #000000}
.outputData { font-family: Arial, Helvetica, sans-serif;font-size: 10pt; font-weight: bold; color: #000000}
.entireTable { background-color: #e0e0e0}
.tableHead {background-color:#404040;color: #ffffff;font-family: Arial,Helvetica,sans-serif; font-size: 10pt;font-weight: bold; }
.tableRow {background-color: #e0e0e0; color: #000000;font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.tableRowEven {background-color: #e0e0ff; color:
#000000;font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
.tableRowOdd {background-color: #e0e0e0; color:
#000000;font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
.Required {font-family: Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color: #ff0000}
.ErrorMessage {font-family: Arial, Helvetica, sans-serif;font-size: 10pt; font-weight: bold; color: #ff0000}

Parent topic: About specifying CSS styles for form elements

---

Library | Support |