<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="radiobutton.aspx.cs" Inherits="ExtAspNet.Examples.form.radiobutton" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <ext:PageManager ID="PageManager1" runat="server" />
    <ext:SimpleForm ID="SimpleForm1" Width="700px" runat="server" Title="Simple Form"
        EnableBackgroundColor="true" BodyPadding="5px" ShowBorder="True" LabelWidth="150px"
        ShowHeader="True">
        <Items>
            <ext:RadioButton ID="rbtnSingleRadio" Label="Radio Button" Text="Item" runat="server">
            </ext:RadioButton>
            <ext:Button ID="btnSelectSingleRadio" Text="Select/Unselect previous RadioButton"
                OnClick="btnSelectSingleRadio_Click" runat="server">
            </ext:Button>
            <ext:Label runat="server" Label="&nbsp;" LabelSeparator="">
            </ext:Label>
            <ext:RadioButton ID="rbtnFirst" Label="RadioButton (Group)" Checked="true" GroupName="MyRadioGroup1"
                Text="Item 1" runat="server">
            </ext:RadioButton>
            <%-- Label="&nbsp;" LabelSeparator="" are to make sure these three RadioButtons have the same height  --%>
            <ext:RadioButton ID="rbtnSecond" GroupName="MyRadioGroup1" Label="&nbsp;" LabelSeparator=""
                Text="Item 2" runat="server">
            </ext:RadioButton>
            <ext:RadioButton ID="rbtnThird" GroupName="MyRadioGroup1" Label="&nbsp;" LabelSeparator=""
                Text="Item 3" runat="server">
            </ext:RadioButton>
            <ext:Button ID="btnSelectSecondRadio" Text="Select next button in previous group"
                OnClick="btnSelectSecondRadio_Click" runat="server">
            </ext:Button>
        </Items>
    </ext:SimpleForm>
    </form>
</body>
</html>
