Ajax ASP.Net Tutorial

  1. Home
  2. ASP.Net Tutorial
  3. Ajax
  4. What is an accordion
<%@ Page Language="C#" AutoEventWireup="true"%>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 


    Untitled Page
    
    
body 
{    
    font-family: Verdana;
    font-size: small; 
}
.Link
{
  text-decoration: underline;
  color: Blue;
}  
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed;
    border-top: none;
    padding: 5px;
}
    
    
    


    
    

       
    
                               runat="server"
                           HeaderCssClass="accordionHeader"
                           HeaderSelectedCssClass="accordionHeaderSelected"
                           ContentCssClass="accordionContent">
  
    
      
Colors

      
        Choose a background color:
                                  runat="server"
                          Width="194px" 
                          AutoPostBack="True">
        
        
        Choose a foreground (text) color:
                                  runat="server"
                          Height="22px" 
                          Width="194px" 
                          AutoPostBack="True" >
        
      
    
    
      
Text

      
        Choose a font name:
                                  runat="server"
                          Height="22px" 
                          Width="194px" 
                          AutoPostBack="True">
        
        
        Specify a font size:
                             runat="server" 
                     AutoPostBack="True">
        
        
        Enter the greeting text below:
                 Height="85px" Width="240px" TextMode="MultiLine"
         AutoPostBack="True">
        
      
    
    
      
Other

      
        Choose a border style:
                 Height="59px" Width="177px" Font-Size="X-Small"
         AutoPostBack="True" RepeatColumns="2">
        
        
                 Text="Add the Default Picture" AutoPostBack="True">