Page

asp.net radiobuttonlist vertical spacing

<%@ Page Language="C#" AutoEventWireup="true"%>      
        
<!DOCTYPE html>          
<script runat="server">  
    protected void Page_Load(object sender, EventArgs e)  
    {   
        if(!Page.IsPostBack)  
        {  
            RadioButtonList1.Items.Add(new ListItem("Asian Glossy Starling", "1"));  
            RadioButtonList1.Items.Add(new ListItem("Golden Myna", "2"));  
            RadioButtonList1.Items.Add(new ListItem("Hill Myna", "3"));  
            RadioButtonList1.Items.Add(new ListItem("Orange-headed Thrush", "4"));  
            RadioButtonList1.Items.Add(new ListItem("Blue Whistling-thrush", "5"));  
        }  
    }  
</script>          
          
<html xmlns="http://www.w3.org/1999/xhtml">          
<head id="Head1" runat="server">          
    <title>asp.net radiobuttonlist vertical spacing</title>  
    <style type="text/css">  
        .radiobuttonlist {  
        }  
        .radiobuttonlist td{  
            height:45px;  
            vertical-align:middle;  
        }  
    </style>  
</head>          
<body>          
    <form id="form1" runat="server">          
    <div>          
        <h2 style="color:MidnightBlue; font-style:italic;">          
            asp.net example - radiobuttonlist vertical spacing  
        </h2>          
        <hr width="550" align="left" color="Gainsboro" />          
        <asp:Label         
            ID="Label1"         
            runat="server"        
            Font-Size="Large"  
            Width="350"  
            Text="select an item from radiobuttonlist....."  
            >        
        </asp:Label>        
        <br /><br />  
        <asp:RadioButtonList   
            ID="RadioButtonList1"  
            runat="server"  
            RepeatDirection="Vertical"  
            AutoPostBack="true"  
            RepeatLayout="Table"  
            CssClass="radiobuttonlist"  
            >  
        </asp:RadioButtonList>    
    </div>          
    </form>          
</body>          
</html>  

No comments:

Post a Comment