ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Form Decorator Extenders / Form Decorator Extender Controls Tutorial / Step 1 of 3: Setting up the Project
In This Topic
    Step 1 of 3: Setting up the Project
    In This Topic

    In this step you will add a few standard HTML controls using markup.

    1. First add some standard controls to your page.
    2. In your Web application, add the following markup to add CheckBoxes, a DropDownList, RadioButtons, a Button, and a TextBox to the main content of  your page.

    <ul class="formdecorator">

                <li>

                      <h3>TextArea</h3>

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

                </li>

                <li>

                      <h3>Drop-down list of options&nbsp;&nbsp;&nbsp;

                <asp:DropDownList ID="DropDownList1" runat="server" Height="16px" Width="132px">

                <asp:ListItem Text="OptionA" Value="A"></asp:ListItem>

                    <asp:ListItem Text="OptionB" Value="B"></asp:ListItem>

                    <asp:ListItem Text="OptionC" Value="C"></asp:ListItem>

                    <asp:ListItem Text="OptionD" Value="D"></asp:ListItem>

                    <asp:ListItem Text="OptionE" Value="E"></asp:ListItem>

                </asp:DropDownList>

                <cc1:C1DropdownExtender ID="DropDownList1_C1DropdownExtender" runat="server"

                    TargetControlID="DropDownList1">

                </cc1:C1DropdownExtender>

              

                </li>

                <li>

                      <h3>CheckBox</h3>

                      <input id="checkbox1" type="checkbox" /><label for="checkbox1">checkbox1</label>

                      <input id="checkbox2" type="checkbox" /><label for="checkbox2">checkbox2</label>

                      <input id="checkbox3" type="checkbox" /><label for="checkbox3">checkbox3</label>

                      <input id="checkbox4" type="checkbox" /><label for="checkbox4">checkbox4</label>

                </li>

                <li>

                      <h3>Radio</h3>

                      <input type="radio" name="radiobutton1" id="radio1" /><label for="radio1">radio1</label>

                      <input type="radio" name="radiobutton1" id="radio2" /><label for="radio2">radio2</label>

                      <input type="radio" name="radiobutton1" id="radio3" /><label for="radio3">radio3</label>

                      <input type="radio" name="radiobutton1" id="radio4" /><label for="radio4">radio4</label>

                </li>

                <li>

                      <h3>Button</h3>

                      <input type="button" name="button1" value="Submit" />

                </li>

          </ul>

    Now you can add the corresponding extender controls.