Microsoft KB Archive/171673

= FP: How to Use Microsoft Forms 2.0 ActiveX Controls =

Article ID: 171673

Article Last Modified on 11/22/2007

-

APPLIES TO


 * Microsoft FrontPage 97 Standard Edition

-



This article was previously published under Q171673



For a Microsoft FrontPage 98 version of this article, see 180822.

WARNING:
The Microsoft Forms 2.0 package was not designed to work outside the Visual Basic for Applications environment. While individual developers might be successful in deploying it to containers such as Microsoft Internet Explorer, using Forms in this manner is neither recommended nor supported. For additional information, click the article number below to view the article in the Microsoft Knowledge Base:

236458 Using Microsoft Forms 2.0 in Internet Explorer



SUMMARY
This article describes how to insert Microsoft Forms 2.0 ActiveX Controls in Microsoft FrontPage Editor. The following examples use Microsoft Visual Basic Scripting Edition (VBScript) code to set properties and respond to control events.



MORE INFORMATION
Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements. The Microsoft Forms 2.0 ActiveX Controls described in this article are included with FrontPage.

Message Box Example
 On the Insert menu, point to Advanced, and then click ActiveX Control. In the ActiveX Control Properties dialog box, do the following:  In the Pick A Control list, select Microsoft Forms 2.0 CommandButton. In the Name box, type CommandButton1 . Click OK. </li> On the Insert menu, point to Advanced, and then click Script.</li> In the Script dialog box, do the following:  Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li>  In the Script box, type the following code: Sub CommandButton1_Click ' The Following line displays a Message Box with the date ' when the command button is clicked. msgbox "Today's date is " &DATE,64,"My MsgBox" End sub </li> Click OK.</li></ol> </li></ol>

Label Example
 On the Insert menu, point to Advanced, and then click ActiveX Control.</li> In the ActiveX Control Properties dialog box, do the following:  In the Pick A Control list, select Microsoft Forms 2.0 CommandButton.</li> In the Name box, type CommandButton2 .</li> Click OK.</li></ol> </li> On the Insert menu, point to Advanced, and then click ActiveX Control.</li> In the ActiveX Control Properties dialog box, do the following:  <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label1 .</li> <li>In the Width box, type 200 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: Sub CommandButton2_Click ' The following example fills a Label control with text ' when the command button is clicked. Label1.Caption="Today's date is " & DATE End sub </li> <li>Click OK.</li></ol> </li></ol>

Text Box Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 TextBox.</li> <li>In the Name box, type TextBox1 .</li> <li>In the Width box, enter 140.</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 CommandButton.</li> <li>In the Name box, type CommandButton3 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 TextBox.</li> <li>In the Name box, type TextBox2 .</li> <li>In the Width box, type 300 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: Sub CommandButton3_Click ' The following example fills in a text box ' when the command button is clicked TextBox2.Text="You have entered: "& UCASE(TextBox1.Text) End sub </li> <li>Click OK.</li></ol> </li></ol>

Check Box Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 CheckBox.</li> <li>In the Name box, type CheckBox1 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 CommandButton.</li> <li>In the Name box, type CommandButton4 .</li> <li>In the Width box, type 140 .</li> <li>Click OK .</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control .</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label2 .</li> <li>In the Width box, type 300 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: sub CommandButton4_Click ' This example evaluates the value of the checkbox and fills ' in text in the label when the command button is clicked if CheckBox1.Value=TRUE then Label2.Caption="The checkbox _             is checked" if CheckBox1.Value=FALSE then Label2.Caption="The checkbox _             is not checked" end sub </li> <li>Click OK.</li></ol> </li></ol>

Option Button Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 OptionButton.</li> <li>In the Name box, type OptionButton1 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 CommandButton.</li> <li>In the Name box, type CommandButton5 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label3 .</li> <li>In the Width box, enter 300.</li> <li>Click OK.</li></ol> </li> <li>Press ENTER.</li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 OptionButton.</li> <li>In the Name box, type OptionButton2. Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, enter the following code: Sub CommandButton5_Click ' This example evaluates the value of the option button and fills

' in text in the label when the command button is clicked If OptionButton1.Value=True Then Label3.Caption = "This option is selected" Else Label3.Caption = "The other option is selected" End If         End sub </li> <li>Click OK.</li></ol> </li></ol>

Toggle Button Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 ToggleButton.</li> <li>In the Name box, type ToggleButton1 .</li> <li>In the Width box, type 100. In the Height box, type 30.</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, enter the following code: sub ToggleButton1_Click ' This example evaluates the value of the toggle button and ' fills in text in the label when the command button is             clicked.

If ToggleButton1.Value = True Then ToggleButton1.Caption = "DEPRESSED" Else ToggleButton1.Caption = "" End If         End Sub

</li> <li>Click OK.</li></ol> </li></ol>

Spin Button Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 SpinButton.</li> <li>In the Name box, type SpinButton1 .</li> <li>Click Properties. In the Properties window, do the following: <ol> <li>In the Properties list, click Min. In the Value box, type -100. Click Apply.</li> <li>Click the Close button in the upper right corner of the Properties window.</li> <li>In the Edit ActiveX Control dialog box, click OK.</li></ol> </li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label4 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: sub SpinButton1_SpinDown ' This example evaluates if the spin button has been depressed and

' fills in text in the label when the command button is clicked Label4.Caption = SpinButton1.Value end sub

sub SpinButton1_SpinUp ' This example evaluates if the spin button has not been depressed ' and fills in text in the label when the command button is             clicked Label4.Caption = SpinButton1.Value end sub

</li> <li>Click OK.</li></ol> </li></ol>

Scroll Bar Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 ScrollBar.</li> <li>In the Name box, type ScrollBar1 .</li> <li>Click Properties. In the Properties window, do the following: <ol> <li>In the Properties list, click Min.</li> <li>In the Value box, type -32766. Click Apply.</li> <li>Click the Close button in the upper right corner of the Properties window.</li> <li>In the Edit ActiveX Control dialog box, click OK.</li></ol> </li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select "Microsoft Forms 2.0 Label."</li> <li>In the Name box, type Label5 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, enter the following code: Sub ScrollBar_Change ' This example evaluates the position of the marker on the scroll ' bar fills in text in the label when the command button is             clicked Label5.Caption = -(ScrollBar1.Value) End sub

</li> <li>Click OK.</li></ol> </li></ol>

List Box Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 ListBox.</li> <li>In the Name box, type ListBox1 .</li> <li>Click Properties. In the Properties window, do the following: <ol> <li>In the Properties list, click BorderStyle.</li> <li>In the Value list, select 1-Single.</li> <li>Click Apply.</li> <li>Click the Close button in the upper right corner of the Properties window.</li> <li>In the Edit ActiveX Control dialog box, click OK.</li></ol> </li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label6 .</li> <li>In the Width box, enter 400 .</li> <li>Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: Sub ListBox1_Click ' This example evaluates which option in a list box has been ' selected and fills in the resulting text in the label when ' the command button is clicked Label6.Caption= "You have selected " & _ Listbox1.List(ListBox1.ListIndex) End sub NOTE: A ListBox requires you to write script that populates the list with values in an array. The script should be inserted at the top of the page so that it runs when your page is loaded into a Web browser. </li> <li>Click OK.</li></ol> </li> <li>Press CTRL+HOME. Press ENTER. Press the UP ARROW key.

The insertion point should be positioned at the beginning of a blank line at the top of the page.</li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code: Sub window_onLoad ' This example creates and populates the array used in the ' proceeding list box example ' dim array to populate ListBox Dim ListBoxArray(2) ListBoxArray(0)="RED" ListBoxArray(1)="WHITE" ListBoxArray(2)="BLUE" ListBox1.List=ListBoxArray End sub </li> <li>Click OK.</li></ol> </li></ol>

Combo Box Example
<ol> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 ComboBox.</li> <li>In the Name box, type ComboBox1. Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click ActiveX Control.</li> <li>In the ActiveX Control Properties dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>In the Pick A Control list, select Microsoft Forms 2.0 Label.</li> <li>In the Name box, type Label7 .</li> <li>In the Width box, type 400. Click OK.</li></ol> </li> <li>On the Insert menu, point to Advanced, and then click Script.</li> <li>In the Script dialog box, do the following: <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, enter the following code: sub ComboBox1_Click ' This example evaluates which option in a combo box has been ' selected and fills in the resulting text in the label when ' the command button is clicked. Label7.Caption= "You have selected " & _ ComboBox1.List(ComboBox1.ListIndex) end sub NOTE: A ListBox requires you to write script that populates the list with values in an array. The script should be inserted at the top of the page so that it executes when your page is loaded into a Web browser. </li></ol> </li> <li>Double-click the Script icon at the top of the page.

NOTE: This icon was created in step 6 of the List Box example. <ol style="list-style-type: lower-alpha;"> <li>Under Language, click VBScript, and then click to clear the Run Script on Server check box.</li> <li> In the Script box, type the following code.

NOTE: Place this code at the bottom of the Script box, after the existing script, but before the last line that reads "end sub." ' This example creates and populates the array used in the ' combo box example. '         ' dimension array to populate ComboBox Dim ListBoxArray(2) ListBoxArray(0)="RED" ListBoxArray(1)="WHITE" ListBoxArray(2)="BLUE" ListBox1.List=ListBoxArray </li> <li>Click OK.</li></ol> </li></ol>

<div class="references_section">