ComponentOne Input for ASP.NET AJAX: Input for ASP.NET AJAX Quick Start > Step 1 of 5: Add Input for ASP.NET AJAX Controls to Your Form

Step 1 of 5: Add Input for ASP.NET AJAX Controls to Your Form

To begin, create an ASP.NET AJAX-Enabled Web Site and add the Input for ASP.NET AJAX controls to your Toolbox. Note that if you are using Visual Studio 2008, you must add a ScriptManager control to the form. If using Visual Studio 2005, the ScriptManager control is automatically added to the form.

To set up your new Web form, complete the following steps:

1.   Click the Design tab located below the Document window to switch to Design view, if necessary.

2.   On the page, add a table (select Insert Table from the Table menu) with two columns and three rows. The first column will be used for text and the second column for the Input for ASP.NET AJAX controls. The table appears on the form.

3.   From the Toolbox, add the following controls to your page by completing a drag-and-drop operation placing each control in a cell in the table’s second column:

      C1MaskedInput

      C1DateInput

      C1CurrencyInput

The table should look similar to the following image:

 

 

4.   Add text to the table. For this example, add Product Number:, Order Date:, and Unit Price:, respectively. You can resize and format the table to fit your needs.

The following image shows the table with text added:

 

 

5.   Switch to Source view. You can see the HTML that you created by adding the table and text in Design view.

You have successfully added the Input for ASP.NET AJAX controls to your Web form. The next topic shows how to change the appearance of the input boxes.


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.