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.

Triggers

• webtrigger onBlur
• webtrigger OnChange
• webtrigger onClick
• webtrigger onDblClick
• webtrigger onFocus
• webtrigger onKeyPress

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:

Common 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 Properties

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.

Background Properties

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.

Border Properties

Property	Technical Name	W3C Description
Adjacent Border Behavior	style:border-collapse	border-collapse
Border Color	style:border-color	border-color
Border Style	style:border-style	border-style
Border Width	style:border-width	border-width

Box Properties

The following properties control the appearance and behavior of block and inline boxes.

Box Properties

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.

Layout Properties

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.

List Properties

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.

NLS Properties

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.

Text Properties

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.