In this topic you will associate three TextBox controls with a C1InputNumberExtender, C1InputDateExtender, and C1InputMaskExtender control to create a calendar.

1. In your Web application, select Table | Insert Table to add a table with three row and two columns.
2. Enter Product Number, Order Date, and Customer SSN in the first column and add three text boxes in the second column so your table looks similar to this:
3. Click the first TextBox's smart tag and select Add Extender from the Tasks menu.
4. Select C1InputNumberExtender and click OK.
5. Click the second TextBox's smart tag and select Add Extender from the Tasks menu.
6. Select C1InputDateExtender and click OK.
7. Click the third TextBox's smart tag and select Add Extender from the Tasks menu.
8. Select C1InputMaskExtender and click OK. The XAML markup will look similar to this:

<table class="style1">

        <tr>

            <td>

                Product Number:</td>

            <td>

                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

                <cc1:C1InputNumberExtender ID="TextBox1_C1InputNumberExtender" runat="server"

                    TargetControlID="TextBox1">

                </cc1:C1InputNumberExtender>

            </td>

        </tr>

        <tr>

            <td>

                Order Date:</td>

            <td>

                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

                <cc1:C1InputDateExtender ID="TextBox2_C1InputDateExtender" runat="server"

                    TargetControlID="TextBox2">

                    <PopupPosition>

                        <Offset Top="4">

                        </Offset>

                    </PopupPosition>

                </cc1:C1InputDateExtender>

            </td>

        </tr>

        <tr>

            <td>

                Customer SSN:</td>

            <td>

                <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

                <cc1:C1InputMaskExtender ID="TextBox3_C1InputMaskExtender" runat="server"

                    TargetControlID="TextBox3">

                </cc1:C1InputMaskExtender>

            </td>

        </tr>

    </table>

In the next step you will set some of the extender properties.