Saturday, March 19, 2011

How to use css to design ComboBox button container button element in asp.net




ComboBoxButtonContainerButtonElement.aspx

<%@ Page Language="C#" AutoEventWireup="true" %>  
  
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>  
  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<script runat="server">  
      
</script>  
  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head id="Head1" runat="server">  
    <title>Ajax ComboBox - How to use css to design ComboBox button container button element in asp.net</title>  
    <style type="text/css">  
        .OrangeTypeComboBoxStyle .ajax__combobox_buttoncontainer button {  
            background-color: OrangeRed;  
            border: 2px solid Orange;  
        }  
    </style>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <h2 style="color:DarkBlue; font-style:italic;">  
            ASP.NET Ajax ComboBox - How to use css to design  
            <br /> ComboBox button container button element in asp.net  
        </h2>  
        <hr width="525" align="left" color="LightBlue" />  
        <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">  
        </asp:ToolkitScriptManager>  
        <br /><br />  
        <asp:ComboBox   
            ID="ComboBox1"   
            runat="server"   
            DropDownStyle="DropDown"  
            AutoCompleteMode="None"  
            AutoPostBack="false"  
            RenderMode="Block"  
            CssClass="OrangeTypeComboBoxStyle"  
            >  
              <asp:ListItem Text="SlateGrey"></asp:ListItem>  
              <asp:ListItem Text="SpringGreen"></asp:ListItem>  
              <asp:ListItem Text="Tomato"></asp:ListItem>  
              <asp:ListItem Text="WhiteSmoke"></asp:ListItem>  
              <asp:ListItem Text="YellowGreen"></asp:ListItem>  
        </asp:ComboBox>  
    </div>  
    </form>  
</body>  
</html>

1 comment: