Change DropDownList width programmatically in asp.net c#

How to set, change DropDownList width programmatically
asp.net dropdownlist help you to select only one list item at a time. it is a useful tool to resticted select multiple items from a list. in this example we set change a very common property of dropdownlist. here we create two button control with click event. when someone click the button then the dropdownlist width chnage programmatically. we call dropdownlist built in width property and set it's numeric value.
DropDownListWidth.aspx
<%@ Page Language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    protected void Button1_Click(object sender, System.EventArgs e)
    {
        DropDownList1.Width = 200;
    }
    protected void Button2_Click(object sender, System.EventArgs e)
    {
        DropDownList1.Width = 300;
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>How to set, change DropDownList width programmatically</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Fuchsia">DropDownList: Change Width</h2>
        <asp:Label 
             ID="Label1"
             runat="server"
             Font-Bold="true"
             ForeColor="CadetBlue"
             Text="asp.net controls"
             >
        </asp:Label>
        <asp:DropDownList 
             ID="DropDownList1"
             runat="server"
             >
             <asp:ListItem>PasswordRecovery</asp:ListItem>
             <asp:ListItem>SiteMapDataSource</asp:ListItem>
             <asp:ListItem>ValidationSummary</asp:ListItem>
             <asp:ListItem>RequiredFieldValidator</asp:ListItem>
             <asp:ListItem>LoginStatus</asp:ListItem>
        </asp:DropDownList>
        <br /><br />
        <asp:Button 
             ID="Button1"
             runat="server"
             Font-Bold="true"
             ForeColor="CadetBlue"
             Text="Set Width 200"
             OnClick="Button1_Click"
             />
        <asp:Button 
             ID="Button2"
             runat="server"
             Font-Bold="true"
             ForeColor="CadetBlue"
             Text="Set Width 300"
             OnClick="Button2_Click"
             />
    </div>
    </form>
</body>
</html>
Related asp.net example