DropDownList width
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>
<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>
