One of the basic building blocks of a good graphical user interface
(GUI) is a basic control like the CheckBox and Text Box. This
chapter concentrates on general controls that are useful to build
forms and other GUI elements. For each control, you will follow
the usual format. First, you will learn about the control and
discover where you can get it. Then you will learn the properties,
events, and methods available for use with the control.
| NOTE |
A lot of the Microsoft Forms controls discussed in this chapter are as Microsoft implements the HTML forms. When Internet Explorer encounters an <INPUT TYPE=CHECKBOX> tag in an HTML document, for example, it calls its CheckBox control to implement it. Therefore, it is not necessary for you to implement HTML form elements by directly accessing the controls, since you can achieve the same thing using standard HTML 3.2. However, there are instances where you want to use the controls directly. Other reasons are to put form elements into an HTML layout or to use the control to achieve a special effect in these controls that is not possible when using it through standard HTML. |
This is a flexible control to implement the display of a calendar in your Web pages. It also has buttons to go to next or previous months and years. You can control the display of the buttons, colors, and more, either during design time or from a script. If your Web pages require the display and manipulation of dates, you should take a good look at this control.
Vendor Information:
DameWare DevelopmentFigure 12.1 : Cal32
http://atlantis.ni-inc.com/~dameware/
| Property | Description |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| CodeBase | The origin of the control including URL, file type, and version number |
| ContextMenu | True, to allow context menu |
| Date | The date value to be displayed |
| DateCaption | True, to enable caption for the dates |
| DateCaptionColor | Color of the date caption |
| DateCaptionFont | The font of the date caption |
| DateCaptionFormat | The format for the date caption |
| DateStringFormat | Format string for the date caption |
| DayFont | Font for the day text |
| DaysOfWeekFont | Font for the days of week text |
| DaysOfWeekText | True, to display weekday names |
| DaysOfWeekTextColor | Color of the weekday names text |
| DayTextColor | Color of the day text |
| Draw3D | True, to display a 3-D effect |
| FocusIndicator | True, to display focus indicator |
| GridStyle | True, to display the grid |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MonthYearButtons | True, to display the Next Month and Next Year buttons |
| OffsetTextCaption | True, to give the caption a 3-D look |
| OffsetTextColor | Color for the offset (3-D) portion of the caption |
| OffsetTextDays | True, to offset the number days text, giving them a 3-D look |
| OffsetTextWeekdays | True, to offset the weekdays text, giving them a 3-D look |
| SelectedDayTextColor | Color of the selected day |
| SingleCharacterDay | True, to display days in single characters |
| StringDate | The date in string format |
| TabIndex | The object's tab order position in the HTML layout |
| ToolTips | True, to display the tool tips |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Method | Description |
| GetDateString | Retrieves the focused date in string format |
| GetDateAsFormat | Retrieves the focused date as per format string |
| GetDateAsDate | Retrieves the focused date as a variable of type DATE |
| SetCaptionDateFormat | Sets the caption format |
| SetDateAsDate | Sets focus on a date from a variable of type DATE |
| SetDateFormat | Sets focus on a date from a variable with a date format |
| SetDateString | Sets focus on a date from a variable of type string |
| Event | Description |
| Click | Triggers when a control is clicked with the mouse |
| DateChanged | Triggers when the focus changes from one date to another |
| DateStringChanged | Triggers when the StringDate property changes |
| DblClick | Triggers when a control is double-clicked with the mouse |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when the user moves the mouse |
| ShiftClick | Triggers when the mouse is clicked while the user presses the Shift key |
<OBJECT ID="Cal321" WIDTH=160 HEIGHT=140
CLASSID="CLSID:891C9A24-4070-11CF-8E46-00AA006DB209">
<PARAM NAME="_Version" VALUE="65536">
<PARAM NAME="_ExtentX" VALUE="3387">
<PARAM NAME="_ExtentY" VALUE="2963">
<PARAM NAME="_StockProps" VALUE="33">
<PARAM NAME="BackColor" VALUE="12632256">
<PARAM NAME="BorderStyle" VALUE="1">
</OBJECT>
The Microsoft Forms 2.0 CheckBox control implements the check box GUI element. A check box is a three-state (yes/no/null) control with a gray mark for null, blank for no, and a cross mark for yes. This control is used for selecting inclusive options. You can select more than one.
Vendor Information:
Microsoft CorporationFigure 12.2 : CheckBox control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| Accelerator | The accelerator key |
| Alignment | Alignment of the caption text |
| AutoSize | Automatically resize the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| Caption | The object heading text displayed |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font for the options text; the font has the following properties: Bold, Charset, Italic, Name, Size, StrikeThrough, Underline, and Weight |
| ForeColor | Foreground color of the object |
| GroupName | The group name for the option button |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Locked | True, to disallow editing through the UI |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to display |
| PicturePosition | The location of the picture with respect to its caption |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| TripleState | True, for the control to have three states (yes, no, null) |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the lines to fit the width of the control |
Any change in the properties will be displayed immediately.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes, either by the UI or from the script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse; also triggers when the user selects a value in a multi-value control, such as the list box |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control or navigation or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when the user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="CheckBox1" WIDTH=128 HEIGHT=30
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="2709;635">
<PARAM NAME="Value" VALUE="True">
<PARAM NAME="Caption" VALUE="Option 1">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="CheckBox2" WIDTH=128 HEIGHT=30
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="2709;635">
<PARAM NAME="Value" VALUE="False">
<PARAM NAME="Caption" VALUE="Option 2">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="CheckBox3" WIDTH=128 HEIGHT=30
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="2709;635">
<PARAM NAME="Caption" VALUE="Option 3">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
The Microsoft Forms 2.0 Combo Box implements a selectable list with capability for adding items by the user. A list of items is displayed for the user, and he or she can choose one or more values from the list. The user can add a value to the list and select that item.
Vendor Information:
Microsoft CorporationFigure 12.3 : Combo Box control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| AutoSize | Automatically resizes the object to fit the contents |
| AutoTab | Focus moves to the next control once the maximum input size is reached |
| AutoWordSelect | Specifies either word or character as the unit of selection |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| BorderColor | The object's border color |
| BorderStyle | The object's border style-none or single |
| BoundColumn | The stored data column for a multicolumn combo box |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Column | Assigns or gets an item from a column |
| ColumnCount | The number of columns that appear |
| ColumnHeads | True, to display one row of column heading |
| ColumnWidths | Sets the column widths |
| CurTargetX | The x-coordinate of the insertion point relative to the left edge of the control |
| CurX | The x-coordinate of the insertion point relative to the left edge of the control |
| DragBehavior | True, to enable drag-and-drop actions |
| DropButtonStyle | The symbol for the drop button-plain, arrow, ellipsis, or reduce |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font of the text items |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| HideSelection | True, to keep the text highlight, even when the control loses focus |
| ID | Name of the object or control |
| IMEMode | Runtime mode of the Input Method Editor (left to right or right to left); only for the Far East languages |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| ListIndex | The index of the currently selected item |
| ListRows | The rows to be displayed |
| ListStyle | The list box style (plain or option) |
| ListWidth | The width of the list box |
| Locked | True, to disallow editing through the UI |
| MatchEntry | The way to match an entry (by first letter, when entry is complete, and so on) |
| MatchRequired | True, to require a match before the user leaves the field |
| MaxLength | The maximum number of characters a user can enter into the field |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| SelectionMargin | True, to allow the user to select by clicking the left margin region |
| ShowDropButtonWhen | The situations when the drop button will appear (never, always, focus-when the control has focus) |
| SpecialEffect | The visual appearance of the control (raised, sunken, flat, etched, bump) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Text | The string in the control |
| TextAlign | The alignment of the string information in the control |
| TextColumn | The column to be displayed for the user |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| TopIndex | The first item displayed in the list |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Method | Description |
| AddItem | Adds an item to the list |
| Clear | Deletes the contents of an object or collection |
| Copy | Copies the selected item text to the clipboard |
| Cut | Moves the selected item text to the clipboard |
| Dropdown | Toggles the display of the list portion |
| Paste | Copies the contents of the clipboard to the object |
| RemoveItem | Removes an item from the list |
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from a script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse; also triggers when the user selects a value in a multi-value control, such as the list box |
| DblClick | Triggers when a control is double-clicked with the mouse |
| DropButtonClick | Triggers when the drop-down button is clicked |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control or navigation or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseUp | Triggers when a user releases a mouse button |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="ComboBox1" WIDTH=120 HEIGHT=30
CLASSID="CLSID:8BD21D30-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="VariousPropertyBits" VALUE="746604571">
<PARAM NAME="DisplayStyle" VALUE="3">
<PARAM NAME="Size" VALUE="2540;635">
<PARAM NAME="MatchEntry" VALUE="1">
<PARAM NAME="ShowDropButtonWhen" VALUE="2">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub cmdAddComboBoxItem_Click()
ComboBox1.AddItem("Another Item")
end sub
-->
</SCRIPT>
<OBJECT ID="cmdAddComboBoxItem" WIDTH=120 HEIGHT=40
CLASSID="CLSID:D7053240-CE69-11CD-A777-00DD01143C57">
<PARAM NAME="Caption" VALUE="Add Item">
<PARAM NAME="Size" VALUE="2540;847">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="ParagraphAlign" VALUE="3">
</OBJECT>
</BODY>
</HTML>
| NOTE |
The Add Item button shown in this example is not part of the Combo Box control. The combo box is a combination of text box and list box. |
As the name implies, the Microsoft Forms 2.0 Command Button gives the Web developers the capability to embed a button in the Web pages.
Vendor Information:
Microsoft CorporationFigure 12.4 : Command Button control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| Accelerator | The accelerator key |
| AutoSize | Automatically resize the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| Caption | The object heading text that appears |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font of the button text |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Locked | True, to disallow editing through the UI |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PicturePosition | The location of the picture with respect to its caption |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| TakeFocusOnClick | True, to get focus to this control when clicked |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the button caption to fit the width of the control |
There are no methods for this control.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control or navigation or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control or navigation or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="CommandButton1" WIDTH=120 HEIGHT=40
CLASSID="CLSID:D7053240-CE69-11CD-A777-00DD01143C57">
<PARAM NAME="Caption" VALUE="Command Button">
<PARAM NAME="Size" VALUE="2540;846">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="ParagraphAlign" VALUE="3">
</OBJECT>
The Microsoft Forms 2.0 Frame control displays a 3-D frame on the Web page. This control can be used to enhance the look of a group of controls-a group of option buttons or check boxes, for example. You can also use it to capture events when a user moves into the frame. Another important use of the frame control is to isolate groups of option buttons. Only one of a set of option buttons can be selected. By placing sets within frames, each separate set can have one option chosen.
Vendor Information:
Microsoft CorporationFigure 12.5 : Frame control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| ActiveControl | The control that is active in this frame. |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| BorderColor | The object's border color |
| BorderStyle | The object's border style |
| Caption | The object heading text displayed |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Cycle | AllForms or the CurrentForm |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The caption font |
| ForeColor | Foreground color of the object |
| ID | Name of the object or control |
| KeepScrollBarsVisible | The type of scroll bar that appears (none, horizontal, vertical, or both) |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PictureAlignment | The alignment of the background picture |
| PictureSizeMode | The size of the background image-clip, stretch (enlarge to fit the size), crop, and so on |
| PictureTiling | True, to tile the image |
| ScrollBars | The type (vertical or horizontal or both) of scroll bars displayed |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| VerticalScrollBarSide | The side to display the vertical scroll bar (right or left) |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Method | Description |
| Copy | Copies the object contents to the clipboard |
| Cut | Moves the object contents to the clipboard |
| Paste | Copies the contents of the clipboard to the object |
| RedoAction | Performs the undone action |
| RemoveItem | Removes an item from the list |
| Repaint | Displays the frame area again |
| UndoAction | Reverts to the state before the current action |
| Event | Description |
| AddControl | Triggers after a control is added into this frame |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Click | Triggers when a control is clicked with the mouse; also triggers when the user selects a value in a multi-value control, such as the list box |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control or navigation or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseUp | Triggers when a user releases a mouse button |
| RemoveControl | Triggers when a control is removed from inside the frame |
| Scroll | Triggers when the scroll bar is moved |
| Zoom | Triggers when the control is zoomed |
<OBJECT ID="Frame1" WIDTH=360 HEIGHT=240 CLASSID="CLSID:6E182020-f460-11CE-9BCD-00AA00608E01"> </OBJECT>
The Microsoft Forms 2.0 Hotspot control implements a region (usually transparent) in the Web page to respond to events. You can make a hotspot control over an image to get a navigator type of user interface. This control has a variety of uses.
Vendor Information:
Microsoft Corporation
http://www.microsoft.com/activex/gallery/
| NOTE |
This is a backend control that works behind the scenes without any direct user interface. The control does not have any visible output as it is invisible at runtime. |
| Property | Description |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Visible | False, to hide the control |
| Width | The width of the control in points |
There are no methods for this control.
| Event | Description |
| AfterUpdate | Triggers following the data being updated in a control through the UI |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Enter | Tiggers just before a control gets focus; similar to GotFocus event |
| Exit | Triggers just before a control loses the focus; similar to LostFocus event |
| MouseDown | Triggers when a user presses a mouse button |
| MouseEnter | Triggers when the mouse pointer moves into the display area occupied by a control |
| MouseExit | Triggers when the mouse pointer moves out of the display area occupied by a control |
| MouseMove | Triggers when the user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="HotSpot1"
CLASSID="CLSID:2B32FBC2-A8f1-11CF-93EE-00AA00C08FDF" STYLE="TOP:70pt;LEFT:226pt
;WIDTH:203pt;HEIGHT:117pt;ZINDEX:0;">
<PARAM NAME="VariousPropertyBits" VALUE="8388627">
<PARAM NAME="Size" VALUE="7154;4127">
</OBJECT>
The HotSpot Control can be added only to an HTML layout.
The HTML Layout control is one ActiveX control that allows other ActiveX controls to be placed in a layout and be positioned precisely with respect to one another. It also allows other controls (which can include text and graphics through the Label and Image controls) to be layered and overlapped. And, while the most convenient way to create an HTML layout is through the ActiveX Control Pad, it is possible to create one otherwise.
Vendor Information:
Microsoft CorporationFigure 12.6 : HTML Layout control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| BackColor | Background color of the object |
| DrawBuffer | Buffer for off-screen rendering of an HTML Layout |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Width | The width of the control in points |
There are no methods for this control.
| Event | Description |
| OnLoad | Triggers after an HTML layout is created |
<HTML> <HEAD> <TITLE>New Page</TITLE> </HEAD> <BODY> <OBJECT CLASSID="CLSID:812AE312-8B8E-11CF-93C8-00AA00C08FDF" ID="Layout1_alx" STYLE="LEFT:0;TOP:0"> <PARAM NAME="ALXPATH" REF VALUE="file:A:\Layout1.alx"> </OBJECT> </BODY> </HTML>
The file LAYOUT1.ALX has the following contents:
<DIV ID="Layout1" STYLE="LAYOUT:FIXED;WIDTH:454pt;HEIGHT:262pt;">
<OBJECT ID="HotSpot1"
CLASSID="CLSID:2B32FBC2-A8f1-11CF-93EE-00AA00C08FDF" STYLE="TOP:156pt;
LEFT:86pt;WIDTH:86pt;HEIGHT:70pt;ZINDEX:0;">
<PARAM NAME="VariousPropertyBits" VALUE="8388627">
<PARAM NAME="Size" VALUE="3034;2469">
</OBJECT>
<OBJECT ID="WebBrowser1"
CLASSID="CLSID:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" STYLE="TOP:234pt;LEFT:234pt
;WIDTH:289pt;HEIGHT:117pt;ZINDEX:1;">
<PARAM NAME="Height" VALUE="132">
<PARAM NAME="Width" VALUE="316">
<PARAM NAME="AutoSize" VALUE="0">
<PARAM NAME="ViewMode" VALUE="1">
<PARAM NAME="AutoSizePercentage" VALUE="0">
<PARAM NAME="AutoArrange" VALUE="1">
<PARAM NAME="NoClientEdge" VALUE="1">
<PARAM NAME="AlignLeft" VALUE="0">
</OBJECT>
<OBJECT ID="CheckBox1"
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3" STYLE="TOP:47pt;
LEFT:211pt;WIDTH:108pt;HEIGHT:18pt;TABINDEX:2;ZINDEX:2;">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="CheckBox1">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="CheckBox2"
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3" STYLE="TOP:78pt;
LEFT:211pt;WIDTH:109pt;HEIGHT:23pt;TABINDEX:3;ZINDEX:3;">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="3845;811">
<PARAM NAME="Caption" VALUE="CheckBox2">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="CheckBox3"
CLASSID="CLSID:8BD21D40-EC42-11CE-9E0D-00AA006002f3" STYLE="TOP:117pt;
LEFT:211pt;WIDTH:109pt;HEIGHT:23pt;TABINDEX:4;ZINDEX:4;">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="4">
<PARAM NAME="Size" VALUE="3845;811">
<PARAM NAME="Caption" VALUE="CheckBox3">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="Image1"
CLASSID="CLSID:D4A97620-8E8F-11CF-93CD-00AA00C08FDF" STYLE="TOP:156pt;
LEFT:70pt;WIDTH:172pt;HEIGHT:70pt;ZINDEX:5;">
<PARAM NAME="BorderStyle" VALUE="0">
<PARAM NAME="SizeMode" VALUE="3">
<PARAM NAME="Size" VALUE="6068;2469">
<PARAM NAME="PictureAlignment" VALUE="0">
<PARAM NAME="VariousPropertyBits" VALUE="19">
</OBJECT>
</DIV>
The Microsoft Forms 2.0 Image control can be used to display an image on the Web page. It supports various graphic formats including GIF (87 and 89), JPEG, WMF, and BMP.
Vendor Information:
Microsoft CorporationFigure 12.7 : Image control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| AutoSize | Automatically resizes the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| BorderColor | The object's border color |
| BorderStyle | The object's border style |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PictureAlignment | The alignment of the background picture |
| PicturePath | The URL from where the picture should be loaded |
| PictureSizeMode | The size of the background image |
| PictureTiling | True, to tile the image |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Visible | False, to hide the control |
| Width | The width of the control in points |
There are no methods for this control.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when the user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="Image1" WIDTH=120 HEIGHT=120
CLASSID="CLSID:4C599241-6926-101B-9992-00000B65C6f9">
<PARAM NAME="Size" VALUE="2540;2540">
<PARAM NAME="PicturePath" VALUE="a:\client.gif">
</OBJECT>
The Microsoft Forms 2.0 Label control displays a text on a Web page. The Label control gives you a lot of flexibility in font, size, color, and scripting. You can change the displayed text dynamically.
Vendor Information:
Microsoft CorporationFigure 12.8 : Label control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| Accelerator | The accelerator key |
| AutoSize | Automatically resizes the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| BorderColor | The object's border color |
| BorderStyle | The object's border style |
| Caption | The label text displayed |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The text font |
| ForeColor | Foreground color of the object |
| ID | Name of the control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PicturePosition | The location of the picture |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| TextAlign | The alignment of the string information in the control |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the lines to fit the width of the control |
There are no methods for this control.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Click | Triggers when a control is clicked with the mouse; also triggers when the user selects a value in a multi-value control, such as the list box |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="Label1" WIDTH=120 HEIGHT=30
CLASSID="CLSID:978C9E23-D4B0-11CE-Bf2D-00AA003f40D0">
<PARAM NAME="Caption" VALUE="Test Label">
<PARAM NAME="Size" VALUE="2540;635">
<PARAM NAME="BorderStyle" VALUE="1">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
The Microsoft Forms 2.0 ListBox control implements the list box GUI capabilities in an ActiveX control. A list of items appears from which the user can choose one or more values.
Vendor Information:
Microsoft CorporationFigure 12.9 : ListBox control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| BackColor | Background color of the object |
| BorderColor | The object's border color |
| BorderStyle | The object's border style |
| BoundColumn | The stored data column for a multicolumn list box |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Column | An item in a column |
| ColumnCount | The number of columns to be displayed |
| ColumnHeads | True, to display one row of column heading |
| ColumnWidths | The column widths |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font of the list items text |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| IMEMode | Runtime mode of the Input Method Editor (left to right or right to left); only for the Far East languages |
| IntegralHeight | True, to fully display the item by resizing the control height |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| List | A value of an entry in the list box |
| ListIndex | The index of the currently selected item |
| ListStyle | The list box style |
| Locked | True, to disallow editing through the UI |
| MatchEntry | The way to match an entry (by first letter, when entry is complete, and so on) |
| MatchFound | True, indicates a match is found between the entry and the contents |
| MatchRequired | True, to require a match before the user leaves the field |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| MultiSelect | True, to allow the user to select more than one item |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Text | The value selected in the control |
| TextColumn | The column to be displayed for the user |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| TopIndex | The first item displayed in the list |
| Value | The content of the selected item in the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Method | Description |
| AddItem | For a single-column list box or combo box, adds an item to the list; for a multicolumn list box or combo box, adds a row to the list. |
| Clear | Removes all entries in the list |
| RemoveItem | Removes an item from the list |
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse; also triggers when the user selects a value in a multi-value control, such as the list box |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when the user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="ListBox1" WIDTH=165 HEIGHT=55
CLASSID="CLSID:8BD21D20-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="ScrollBars" VALUE="3">
<PARAM NAME="DisplayStyle" VALUE="2">
<PARAM NAME="Size" VALUE="3492;1166">
<PARAM NAME="MatchEntry" VALUE="0">
<PARAM NAME="ListStyle" VALUE="1">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub cmdAddItem_Click()
ListBox1.AddItem "List Box Item"
end sub
-->
</SCRIPT>
<OBJECT ID="cmdAddItem" WIDTH=200 HEIGHT=40
CLASSID="CLSID:D7053240-CE69-11CD-A777-00DD01143C57">
<PARAM NAME="Caption" VALUE="Add Item To List Box">
<PARAM NAME="Size" VALUE="4239;846">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="ParagraphAlign" VALUE="3">
</OBJECT>
</BODY>
</HTML>
The Microsoft Forms 2.0 Option Button implements the single choice, multi-value option GUI. The user can select only one of the groups of options displayed.
Vendor Information:
Microsoft CorporationFigure 12.10 : Option Button control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| Accelerator | The accelerator key |
| Alignment | Alignment of the caption text |
| AutoSize | Automatically resizes the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| Caption | The object heading text displayed |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The caption font |
| ForeColor | Foreground color of the object |
| GroupName | The group name for the option button |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Locked | True, to disallow editing through the UI |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PicturePosition | The location of the picture with respect to its caption |
| SpecialEffect | The visual appearance of the control (flat, border, highlight, and so on) |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| TripleState | True, for the button to have three states (Yes, No, Null) |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the lines to fit the width of the control |
This control has no methods.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="OptionButton1" WIDTH=180 HEIGHT=30
CLASSID="CLSID:8BD21D50-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="5">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="Option #1">
<PARAM NAME="GroupName" VALUE="Group1">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="OptionButton2" WIDTH=180 HEIGHT=30
CLASSID="CLSID:8BD21D50-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="5">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="Option #2">
<PARAM NAME="GroupName" VALUE="Group1">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="OptionButton3" WIDTH=180 HEIGHT=30
CLASSID="CLSID:8BD21D50-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="5">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="Option #3">
<PARAM NAME="GroupName" VALUE="Group1">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="OptionButton4" WIDTH=180 HEIGHT=30
CLASSID="CLSID:8BD21D50-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="5">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="Option X">
<PARAM NAME="GroupName" VALUE="Group2">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<OBJECT ID="OptionButton5" WIDTH=180 HEIGHT=30
CLASSID="CLSID:8BD21D50-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="5">
<PARAM NAME="Size" VALUE="3810;635">
<PARAM NAME="Caption" VALUE="Option Y">
<PARAM NAME="GroupName" VALUE="Group2">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
</BODY>
</HTML>
The Microsoft Forms 2.0 Scroll Bar implements a way to increase or decrease the value of another control. The user uses the scroll bar to indicate an increase or decrease.
Vendor Information:
Microsoft CorporationFigure 12.11 : Scroll Bar control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| BackColor | Background color of the object |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Delay | The amount of time between two activation events |
| Enabled | True, to set the control to get focus and respond to UI |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| LargeChange | The value for the large delta effect when a user clicks between the scroll box and arrow |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Max | The upper limit |
| Min | The lower limit |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Orientation | The orientation (horizontal or vertical) |
| ProportionalThumb | True, to set the scroll box thumb size proportional to the size of the visible portion |
| SmallChange | The value for the small delta effect when a user clicks between the scroll box and arrow |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Value | The content of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
This control has no methods.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| Scroll | Triggers when the scroll bar is moved |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub ScrollBar1_Change()
Label1.Caption = " The Current Value is " & ScrollBar1.Value
end sub
-->
</SCRIPT>
<OBJECT ID="ScrollBar1" WIDTH=135 HEIGHT=23
CLASSID="CLSID:DFD181E0-5E2F-11CE-A449-00AA004A803D">
<PARAM NAME="Size" VALUE="2858;494">
<PARAM NAME="Max" VALUE="10">
</OBJECT>
<OBJECT ID="Label1" WIDTH=368 HEIGHT=30
CLASSID="CLSID:978C9E23-D4B0-11CE-Bf2D-00AA003f40D0">
<PARAM NAME="Caption" VALUE="0">
<PARAM NAME="Size" VALUE="7816;635">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
</BODY>
</HTML>
The Microsoft Forms 2.0 Spin Button is another control (like the Scroll Bar) that increments/decrements the values of other controls. This also gives the user a user-friendly way to change values-numbers, date values, day, month, and so on.
Vendor Information:
Microsoft CorporationFigure 12.12 : Spin Button control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| BackColor | Background color of the object |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Delay | The amount of time between two activation events |
| Enabled | True, to set the control to get focus and respond to UI |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Max | The upper limit |
| Min | The lower limit |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Orientation | The orientation (horizontal or vertical) |
| SmallChange | The increment/decrement value when the user clicks the scroll arrow |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
The control has no methods.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| SpinDown | Triggers when the user clicks the spin button arrow to decrease the value (usually the left or the down arrow for horizontal or vertical orientation) |
| SpinUp | Triggers when the user clicks the spin button arrow to increase the value (usually the right or up arrow for horizontal or vertical orientation) |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="Label1" WIDTH=57 HEIGHT=30
CLASSID="CLSID:978C9E23-D4B0-11CE-Bf2D-00AA003f40D0">
<PARAM NAME="Caption" VALUE="100">
<PARAM NAME="Size" VALUE="1199;635">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub SpinButton1_SpinDown()
Label2.Caption="Spin Down"
end sub
Sub SpinButton1_SpinUp()
Label2.Caption="Spin Up"
end sub
Sub SpinButton1_Change()
Label1.Caption=SpinButton1.Value
end sub
-->
</SCRIPT>
<OBJECT ID="SpinButton1" WIDTH=17 HEIGHT=32
CLASSID="CLSID:79176FB0-B7f2-11CE-97EF-00AA006D2776">
<PARAM NAME="Size" VALUE="353;670">
<PARAM NAME="Min" VALUE="100">
<PARAM NAME="Max" VALUE="1000">
<PARAM NAME="Position" VALUE="100">
</OBJECT>
<OBJECT ID="Label2" WIDTH=265 HEIGHT=30
CLASSID="CLSID:978C9E23-D4B0-11CE-Bf2D-00AA003f40D0">
<PARAM NAME="Size" VALUE="5615;635">
<PARAM NAME="FontEffects" VALUE="1073741826">
<PARAM NAME="FontHeight" VALUE="200">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
</BODY>
</HTML>
The Microsoft Forms 2.0 TabStrip control implements a folder GUI in an ActiveX control. The folder concept is very useful when you want to use a lot of controls in your forms. The tab folders in the TabStrip control make it easier to group the controls and put them in many tab strip pages.
Vendor Information:
Microsoft CorporationFigure 12.13 : TabStrip control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| BackColor | Background color of the object |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font for the tab captions |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| MultiRow | True, to set the control to have more than one tab stop |
| Style | The tab style-tabs, buttons, and so on |
| TabFixedHeight | The height of the tab, in points |
| TabFixedWidth | The width of the tab, in points |
| TabIndex | The object's tab order position in the HTML layout |
| TabOrientation | The location of the tab-top, bottom, left, right, and so on |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
This control has no methods.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<HTML>
<HEAD>
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<OBJECT ID="TabStrip1" WIDTH=368 HEIGHT=227
CLASSID="CLSID:EAE50EB0-4A62-11CE-BED6-00AA00611080">
<PARAM NAME="ListIndex" VALUE="0">
<PARAM NAME="Size" VALUE="7796;4798">
<PARAM NAME="Items" VALUE="Tab1;Tab2;">
<PARAM NAME="MultiRow" VALUE="-1">
<PARAM NAME="TipStrings" VALUE=";;">
<PARAM NAME="Names" VALUE="Tab1;Tab2;">
<PARAM NAME="NewVersion" VALUE="-1">
<PARAM NAME="TabsAllocated" VALUE="2">
<PARAM NAME="Tags" VALUE=";;">
<PARAM NAME="TabData" VALUE="2">
<PARAM NAME="Accelerator" VALUE=";;">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="TabState" VALUE="3;3">
</OBJECT>
</BODY>
</HTML>
The TextBox is a general purpose input ActiveX control. The user can type values into a text box.
Vendor Information:
Microsoft CorporationFigure 12.14 : TextBox control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| AutoSize | Automatically resizes the object to fit the contents |
| AutoTab | Focus moves to the next control once the maximum input size is reached |
| AutoWordSelect | Specifies either a word or character as the unit of selection |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| BorderColor | The object's border color |
| BorderStyle | The object's border style |
| CodeBase | The origin of the control, including URL, file type, and version number |
| CurLine | The current line in a control, which contains the insertion point |
| CurTargetX | The x-coordinate of the insertion point relative to the left edge of the control |
| CurX | The x-coordinate of the insertion point relative to the left edge of the control |
| DragBehavior | True, to enable drag-and-drop operations |
| Enabled | True, to set the control to get focus and respond to UI |
| EnterFieldBehavior | Selection behaviors when the field is entered |
| EnterKeyBehavior | The effect of pressing the Enter key |
| Font | The font for the text |
| ForeColor | Foreground color of the object |
| Height | The vertical height of the object |
| HideSelection | True, to keep the text highlighted even when the control loses focus |
| ID | Name of the object or control |
| IMEMode | Runtime mode of the Input Method Editor (left to right or right to left); only for the Far East languages |
| IntegralHeight | True, to fully display the item by resizing the control height |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Locked | True, to disallow editing through the UI |
| MaxLength | The maximum number of characters a user can enter into the field |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| MultiLine | True, to allow more than one line to appear |
| PasswordChar | The character mask displayed for the characters entered |
| ScrollBars | The type (vertical/horizontal/both) of scroll bars displayed |
| SelectionMargin | True, to allow the user to select by clicking the left margin region |
| SelLength | The number of characters selected |
| SelStart | The starting/insertion point of selection |
| SelText | The character string selected by the user |
| TabIndex | The object's tab order position in the HTML layout |
| TabKeyBehavior | True, to insert a tab character when the Tab key is pressed; false, to move focus to the next control in the tab order |
| TabStop | True, to get focus when the user tabs through the controls |
| Text | The string in the control |
| TextAlign | The alignment of the text inside the control |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| Value | The content or state of the control object |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the lines to fit the width of the control |
| Method | Description |
| Copy | Copies the selected text to the clipboard |
| Cut | Moves the selected text to the clipboard |
| Paste | Copies the contents of the clipboard to the object |
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| DblClick | Triggers when a control is double-clicked with the mouse |
| DropButtonClick | Triggers when the drop-down button is clicked |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<OBJECT ID="TextBox1" WIDTH=213 HEIGHT=30
CLASSID="CLSID:8BD21D10-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="VariousPropertyBits" VALUE="746604571">
<PARAM NAME="ScrollBars" VALUE="3">
<PARAM NAME="Size" VALUE="4514;635">
<PARAM NAME="SpecialEffect" VALUE="1">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
</OBJECT>
The Toggle Button control is a two-state ActiveX button. This can be used to enhance the GUI for showing selected items, options, and the like.
Vendor Information:
Microsoft CorporationFigure 12.15 : Toggle Button control
http://www.microsoft.com/activex/gallery/
| Property | Description |
| Accelerator | The accelerator key |
| AutoSize | Automatically resizes the object to fit the contents |
| BackColor | Background color of the object |
| BackStyle | Background style of the object-transparent, opaque, and so on |
| Caption | The object heading text |
| CodeBase | The origin of the control, including URL, file type, and version number |
| Enabled | True, to set the control to get focus and respond to UI |
| Font | The font of the caption text |
| ForeColor | Foreground color of the object |
| GroupName | The group the control belongs to |
| Height | The vertical height of the object |
| ID | Name of the object or control |
| Left | The distance between the left edge of the control and the left edge of the HTML layout |
| Locked | True, to disallow editing through the UI |
| MouseIcon | The image that appears when the mouse is moved over the object |
| MousePointer | The mouse pointer that appears when the mouse is moved over the object |
| Picture | The bitmap or icon to be displayed |
| PicturePosition | The location of the picture with respect to its caption |
| TabIndex | The object's tab order position in the HTML layout |
| TabStop | True, to get focus when the user tabs through the controls |
| Top | The distance between the top edge of the control and the top edge of the HTML layout |
| TripleState | True, for the button to have three states (Yes, No, Null) |
| Value | The content or state of the control object (True or False) |
| Visible | False, to hide the control |
| Width | The width of the control in points |
| Wordwrap | True, to wrap the lines to fit the width of the control |
This control has no methods.
| Event | Description |
| BeforeDragOver | Triggers when a dragged object has reached the drop target |
| BeforeDropOrPaste | Triggers when an object is about to be dropped or pasted into a control |
| Change | Triggers when the value of a control changes either by the UI or from the script; use this event handler to synchronize data between controls |
| Click | Triggers when a control is clicked with the mouse |
| DblClick | Triggers when a control is double-clicked with the mouse |
| Error | Triggers when a control encounters an error |
| KeyDown | Triggers when a user presses a control, navigation, or function key |
| KeyPress | Triggers when a key is either pressed by the user or sent from a script by the SendKeys function |
| KeyUp | Triggers when a user releases a control, navigation, or function key |
| MouseDown | Triggers when a user presses a mouse button |
| MouseMove | Triggers when a user moves the mouse |
| MouseUp | Triggers when a user releases a mouse button |
<TITLE>New Page</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="VBScript">
<!--
Sub ToggleButton1_Change()
IF ToggleButton1.Value="True" THEN
ToggleButton1.Caption="True/1/ON"
ELSE
ToggleButton1.Caption="False/0/OFF"
end IF
end sub
Sub ToggleButton2_Change()
IF ToggleButton2.Value="True" THEN
ToggleButton2.Caption="True/1/ON"
ELSE
ToggleButton2.Caption="False/0/OFF"
end IF
end sub
-->
</SCRIPT>
<OBJECT ID="ToggleButton1" WIDTH=177 HEIGHT=48
CLASSID="CLSID:8BD21D60-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="6">
<PARAM NAME="Size" VALUE="3725;1037">
<PARAM NAME="Value" VALUE="True">
<PARAM NAME="Caption" VALUE="On">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="ParagraphAlign" VALUE="3">
</OBJECT>
<OBJECT ID="ToggleButton2" WIDTH=205 HEIGHT=48
CLASSID="CLSID:8BD21D60-EC42-11CE-9E0D-00AA006002f3">
<PARAM NAME="BackColor" VALUE="2147483663">
<PARAM NAME="ForeColor" VALUE="2147483666">
<PARAM NAME="DisplayStyle" VALUE="6">
<PARAM NAME="Size" VALUE="4339;1037">
<PARAM NAME="Value" VALUE="False">
<PARAM NAME="Caption" VALUE="OFF">
<PARAM NAME="FontName" VALUE="Fixedsys">
<PARAM NAME="FontCharSet" VALUE="0">
<PARAM NAME="FontPitchAndFamily" VALUE="2">
<PARAM NAME="ParagraphAlign" VALUE="3">
</OBJECT>
</BODY>
</HTML>