genericHTML
The genericHTML DSP widget can be used to define properties for any HTML element
that can be bound to a field, making it possible to manipulate its attributes in ProcScript and JavaScript.
Default Logical Widget
Uniface provides a default logical widget called AttributesOnly, which is mapped to this physical widget.
Triggers
Widget Properties
For information on widgets and the types of widget properties, see and Widgets for Dynamic Server Pages and Widget Properties for the Dynamic Server Page.
HTML Properties
This widget supports the following HTML properties:
| Property | Technical Name | W3C Description |
|---|---|---|
| Access Key | html:accesskey
|
accesskey |
| Style Class | html:class
|
class |
| Disable the Widget | html:disabled
|
disabled |
| Read Only | html:readonly
|
readonly |
| Tab Index | html:tabindex
|
tabindex |
| Tool Tip Text | html:title
|
title |
Uniface Properties
Most of these properties represent Uniface properties that have no equivalent in HTML or CSS, or which are used when a Form is converted to a DSP.
| Uniface Property | Technical Name | Description |
|---|---|---|
| Background Color | backcolor | Background Color (BackColor) |
| Syntax Check in Browser | clientsyntaxcheck | Syntax Check on Browser (ClientSyntaxCheck) |
| Foreground Color | forecolor | Foreground Color (ForeColor) |
| — | class: ClassName | class:ClassName |
CSS Properties
The following tables described the supported CSS properties that can be used to style the genericHTML widget and the logical widgets that map to it.
Background Properties
The following properties control the appearance and behavior of background colors and images.
| Property | Technical Name | W3C Description |
|---|---|---|
| Background Image Scrolls | style:background-attachment
|
background-attachment |
| Background Color | style:background-color
|
background-color |
| Background Image URL | style:background-image
|
background-image |
| Background Image Position | style:background-position
|
background-position |
| Background Image Title | style:background-repeat
|
background-repeat |
Border Properties
The following properties control the appearance and behavior of widget borders.
|
Property |
Technical Name |
W3C Description |
|---|---|---|
| Adjacent Border Behavior | style:border-collapse
|
|
|
Border Color |
|
|
|
Border Style |
|
|
|
Border Width |
|
Box Properties
The following properties control the appearance and behavior of block and inline boxes.
| Property | Technical Name | W3C Description |
|---|---|---|
| Clear | style:clear
|
clear |
| Mouse Pointer | style:cursor
|
cursor |
| Display Behavior | style:display
|
display |
| Float | style:float
|
float |
| Overflow | style:overflow
|
overflow |
| Positioning Scheme | style:position
|
position |
| Vertical Alignment | style:vertical-align
|
vertical-align |
| Visibility | style:visibility
|
visibility |
| Z-index | style:z-index
|
z-index |
Layout Properties
The following properties control the field dimensions and offsets.
| Property | Technical Name | W3C Description | Limitations |
|---|---|---|---|
| Bottom Offset | style:bottom
|
bottom | Percentages not supported for CommandButton |
| Height | style:height
|
height | Percentages not supported under Internet Explorer for CommandButton and TextArea: |
| Left Offset | style:left
|
left | |
| Margins | style:margin
|
margin | Percentages not supported under Internet Explorer for Picture |
| Maximum Height | style:max-height
|
max-height | Percentages not supported under Internet Explorer for CommandButton and TextArea: |
| Maximum Width | style:max-width
|
max-width | Percentages not supported under Internet Explorer for CommandButton |
| Minimum Height | style:min-height
|
min-height | Percentages not supported under Internet Explorer for CommandButton and TextArea: |
| Minimum Width | style:min-width
|
min-width | Percentages not supported under Internet Explorer for CommandButton. |
| Paddings | style:padding
|
padding | This property has no effect on Internet Explorer 6 for the RadioGroup |
| Right Offset | style:right
|
right | |
| Top Offset | style:top
|
top | Percentages not supported |
| Width | style:width
|
width | Percentages not supported under Internet Explorer for the CommandButton. |
List Properties
The following properties determine the appearance of lists.
| Property | Technical Name | W3C Description |
|---|---|---|
| List Style Image | style:list-style-image
|
list-style-image |
| List Style Position | style:list-style-position
|
list-style-position |
| List Style Type | style:list-style-type
|
list-style-type |
NLS Properties
These properties determine the direction of the text and of embeddings and overrides for the Unicode bidirectional algorithm.
| Property | Technical Name | W3C Description | Limitations |
|---|---|---|---|
| Direction | style:direction
|
direction |
DropdownList, DatePicker: rtl not supported
|
| Unicode Bidirectional Behavior | style:Unicode-bidi
|
Unicode-bidi |
Text Properties
The following properties control the appearance of text in the field or label.
| Property | Technical Name | W3C Description | Limitations |
|---|---|---|---|
| Text Color | style:color
|
color | |
| Font Family | style:font-family
|
font-family | |
| Font Size | style:font-size
|
font-size | |
| Font Style | style:font-style
|
font-style | |
| Font Variation | style:font-variant
|
font-variant | |
| Font Weight | style:font-weight
|
font-weight | |
| Letter Spacing | style:letter-spacing
|
letter-spacing | |
| Line Height | style:line-height
|
line-height | |
| Text Alignment | style:text-align
|
text-align | The value justify is not supported for the EditBox, DropdownList, DatePicker, Password widgets. |
| Text Decoration | style:text-decoration
|
text-decoration |
The value blink is not supported under Internet Explorer for the EditBox, CommandButton, DropdownList, TextArea, Plain, Password widgets.
|
| Text Indent | style:text-indent
|
text-indent | |
| Text Transform | style:text-transform
|
text-transform | |
| White Space Behavior | style:white-space
|
white-space | |
| Word Spacing | style:word-spacing
|
word-spacing |
Description
This widget is not intended for displaying or changing the value of a field. It is used only as a mechanism for controlling the appearance, layout, and behavior of XHTML elements in ProcScript. You can use $fieldproperties to set the values of attributes in ProcScript.
This widget also supports a number of extended triggers to control browser behavior. Although it may seem counter-intuitive to have client-side events handled by triggers (which are processed on the server), it provides a mechanism for making the user interface more flexible and dynamic.
