Step 2 of 3: Adding the Extender Controls to the Page

In This Topic

In this step, you will add FormDecorator extender controls to associate with the standard controls. You can use the TargetControlID to specify the controls to associate with the extenders.

Add the following markup to add the extender controls and associate them with the corresponding standard controls.

  <cc1:WijTextbox ID="WijTextbox1" runat="server" TargetControlID="TextBox3">

  </cc1:WijTextbox>

  <cc1:WijDropdown ID="WijDropdown1" runat="server" TargetControlID="DropDownList2"

        ZIndex="1982" />

  <cc1:WijCheckbox ID="WijCheckbox1" runat="server" TargetControlID="CheckBox1" />

  <cc1:WijCheckbox ID="WijCheckbox2" runat="server" TargetControlID="CheckBox2" />

  <cc1:WijCheckbox ID="WijCheckbox3" runat="server" TargetControlID="CheckBox3" />

  <cc1:WijCheckbox ID="WijCheckbox4" runat="server" TargetControlID="CheckBox4" />

  <cc1:WijRadio ID="WijRadio1" runat="server" TargetControlID="RadioButton1" />

  <cc1:WijRadio ID="WijRadio2" runat="server" TargetControlID="RadioButton2" />

  <cc1:WijRadio ID="WijRadio3" runat="server" TargetControlID="RadioButton3" />

  <cc1:WijRadio ID="WijRadio4" runat="server" TargetControlID="RadioButton4" />

  <cc1:WijButton runat="server" ID="WijButton" TargetControlID="Button1">

     <Icons Primary="ui-icon-folder-collapsed" Secondary="ui-icon-folder-open" />

  </cc1:WijButton>

Now run the project to see the formatted FormDecorators.