Consultor Eletrônico

Status: Unverified

FACT(s) (Environment):

Apptivity 3.x

FIX:

Apptivity 3.0 abTable supports two distinct classes of styles:


* Cascading Style Sheets (.css)
* Pure HTML

For pure HTML you can set the tableStyle to "classic", "fancy", and "normal". These styles will be used only if:


a) the browser does not support CSS
b) or, you set the attribute, "<apptivity beanlet=abTable tableUseCss=false...>"

When CSS styles are used, the abTable object will generate the <TABLE><TR><TD> tags for the table using the styles from the [project].css file.

Progress ships with one set of styles in the default .css file, however you can:


a) modify the .css style for a project
b) or, add other styles to the file.

The .css file can contain multiple table styles -- they just have to use different prefixes.  You will note that the standard styles all begin with "abTable".  This is the default cssPrefix.

If you copy the entire abTable section from the <project>.css file, and rename the copy, you can switch back and forth by simply adjusting the cssPrefix property.


<apptivity beanlet="abTable" datasource="dsCust" cssPrefix="cst">

In the above case, the abTable beanlet will generate code with using css classes such as:


TH.cstColumnLabel {
  color: BLACK;
}

TR.cstRow {
   background: #CCCCCC;
   color: BLACK;
}

TD.cstRowLabel {
   background: #999999;
   color: WHITE;
   font-weight: BOLD;
}