Accordion FadeTransitions, FramesPerSecond and TransitionDuration in asp.net ajax

Ajax Accordion - how to use FadeTransitions, FramesPerSecond and TransitionDuration
AccordionFadeTransitions.aspx
<%@ Page Language="C#" AutoEventWireup="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!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 Accordion - how to use FadeTransitions, FramesPerSecond and TransitionDuration</title>
    <style type="text/css">
        .HeaderCSS
        {
            color:Snow;
            background-color:Orchid;
            font-size:medium;
            border:solid 1px Pink;
            font-weight:bold;
            padding-left:15px;
            }
        .HeaderSelectedCSS
        {
            color:Snow;
            background-color:DarkOrchid;
            font-weight:bold;
            border:solid 1px Pink;
            font-style:italic;
            font-size:large;
            height:35px;
            padding-left:15px;
            }
        .ContentCss
        {
            background-color:Black;
            color:Snow;
            font-size:large;
            font-family:Comic Sans MS;
            padding:25px 25px 25px 25px;
            }                        
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:DarkSeaGreen; font-style:italic;">Ajax Accordion - how to use FadeTransitions,<br /> FramesPerSecond and TransitionDuration</h2>
        <hr width="600" align="left" color="DarkSeaGreen" />
        <asp:ScriptManager 
            ID="ScriptManager1"
            runat="server"
            >
        </asp:ScriptManager>
        <cc1:Accordion 
            runat="server" 
            ID="Accordion1" 
            HeaderCssClass="HeaderCSS" 
            HeaderSelectedCssClass="HeaderSelectedCSS"
            ContentCssClass="ContentCss"
            Width="600"
            BorderColor="DarkOrchid"
            BorderWidth="2"
            BorderStyle="Ridge"
            Height="300"
            AutoSize="None"
            FadeTransitions="true"
            FramesPerSecond="30"
            TransitionDuration="300"
            >
            <Panes>
                <cc1:AccordionPane runat="server" ID="AccordionPane1">
                    <Header>Sample Text</Header>
                    <Content>
                        <br />
                        this is a sample text for test Accordion FadeTransitions, FramesPerSecond and TransitionDuration
                        <br />
                    </Content>
                </cc1:AccordionPane>
                <cc1:AccordionPane runat="server" ID="AccordionPane2">
                    <Header>apple</Header>
                    <Content>
                        <asp:Image ID="Image2" Height="250" runat="server" ImageUrl="~/Image/apple.jpg" />
                    </Content>
                </cc1:AccordionPane>
                <cc1:AccordionPane runat="server" ID="AccordionPane3">
                    <Header>green apple</Header>
                    <Content>
                        <asp:Image ID="Image1" runat="server" Height="250" ImageUrl="~/Image/GreenApple.jpg" />
                    </Content>
                </cc1:AccordionPane>
            </Panes>
        </cc1:Accordion>
    </div>
    </form>
</body>
</html>












Related asp.net example

buy asp.net c# examples ebook (450+ best examples ebook $5 only)

enter your email to receive book

please allow me few hours to send your ebook.