htmlselect
The htmlselect
widget controls the appearance of a field with a ValRep in a Dynamic Server Page, displaying it as a drop-down list or list box. It is mapped to an HTML <select>
element. The size property determines the type of list control.
For more information, see Specifying a Widget for a Field or Entity and ValRep.
Default Logical Widgets
Uniface provides the following default logical widgets, which mapped to the htmplselect
physical widget.
Triggers
- webtrigger onBlur—executed when widget loses focus.
- webtrigger OnChange—executed when user changes value.
- webtrigger onSyntaxError —executed in response to the OnChange event in browser.
- webtrigger onSyntaxErrorResolved —executed in response to the OnChange event in browser.
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 |
|
|
Style Class |
|
|
Disable the Widget |
|
|
Read Only |
|
|
Size | html:size | size |
Tab Index |
|
|
Tool Tip Text |
|
Uniface Properties
The following 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 |
---|---|
Background Color (BackColor) | backcolor |
Syntax Check on Browser (ClientSyntaxCheck) | clientsyntaxcheck |
Foreground Color (ForeColor) | forecolor |
class:ClassName | class:ClassName
|
RenderingIncrement | renderingincrement |
CSS Properties
The following tables described the supported CSS properties that can be used to style the htmlselect
widget and the logical widgets that map to it.
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 |
The following properties control the appearance and behavior of widget borders.
Property |
Technical Name |
W3C Description |
---|---|---|
Adjacent Borders Behavior | style:border-collapse
|
border-collapse |
Border Color |
|
|
Border Style |
|
|
Border Width |
|
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 |
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. |
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 |
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 |
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 |