| Angelea XXX 2005-06-05, 5:45 pm |
| From the Readme that comes with HATS 5.05 try this
-
Extra named style (CSS Class) to enable style sheet color mapping of
reverse video fields
-
A new feature available in HATS V5.0.1 enables reverse video to be
rendered on a Web page as displayed on host screens. HATS formerly only
supported an inline style for reverse video fields which allowed
displaying a common background (gray by default) for text in these
fields.
To enable reverse video support in HATS, you must change some of the
settings of the field widget by selecting (your HATS project) ->
Project Settings -> Rendering Tab -> Widgets -> Field.
On the field widget settings:
Select Enable extended attributes
Remove the setting (background-color:#666666) from the Reverse video
style field. This removes the former gray background color that would
override the named style (CSS class) mapping provided by this feature.
For example, suppose a host screen has a field with a black background,
and red text. When the reverse video attribute is turned on for this
field, the host terminal displays black text with a red background.
Previous versions of HATS could not render this combination in its HTML
display of the host screen.
To enable reverse video, HATS generates an additional named style (CSS
class) that you can use. Here are examples of text rendered by HATS:
Before enabling reverse video:
<input name="in_1989_9" maxLength="9" class="HLRED" onChange=""
type="text" onClick="" onFocus="" value=" CURRENT" size="9">
After enabling reverse video:
<input name="in_1989_9" maxLength="9" class="HLRED RHLRED" onChange=""
type="text" onClick="" onFocus="" value=" CURRENT" size="9">
Notice the addition of the second named style (CSS Class), RHLRED. When
reverse video is enabled, an additional named style is appended to the
text rendered by HATS, for fields of any color. The new named style
will start with an R followed by the current color mapping (RHBLUE,
RHWHITE, and so on).
The named style will contain the new style tags that give the desired
display. Following are example style tags that could be used for the
new named styles associated with reverse video.
..RHBLANK {
color: black;
background-color: #00ff00;
}
..RHBLUE {
color: black;
background-color: #3c9dff;
}
..RHGREEN {
color: black;
background-color: #00ff00;
}
..RHCYAN {
color: black;
background-color: #00ffff;
}
..RHRED {
color: black;
background-color: red;
}
..RHMAGENTA {
color: black;
background-color: #ff00ff;
}
..RHBROWN {
color: black;
background-color: yellow;
}
..RHWHITE {
color: black;
background-color: #eeeeee;
}
..RHGRAY {
color: black;
background-color: #a0a0a4;
}
..RHLBLUE {
color: black;
background-color: #4040c0;
}
..RHLGREEN {
color: black;
background-color: #40c040;
}
..RHLCYAN {
color: black;
background-color: #40c0c0;
}
..RHLRED {
color: black;
background-color: #ff4040;
}
..RHLMAGENTA {
color: black;
background-color: #c040ff;
}
..RHLYELLOW {
color: black;
background-color: #c0c000;
}
..RHHWHITE {
color: black;
background-color: white;
}
These reverse video style tags match some of the color styles defined
in the blacktheme.css style sheet. The styles can be added to your
project by:
Copying the tag text into a stylesheet (.css file) and add a link to
the stylesheet in the template used for your HATS project.
Copying the tag text directly in the JSP for a HATS template or HATS
transformation, within embedded style tags (<STYLE></STYLE> ).
Gorden MR wrote:
> Hi!
>
> How can I highlight mandatory fields on HATS. The 5250 Application
> display the mandatory fields as highlighted but the emulation doesn't
> render this.
>
>
> Thanks
> Gorden
|