Introduction:
Ajax Accordion HeaderCssClass - How to use HeaderCssClass in Accordion
Ajax Accordion HeaderCssClass - How to use HeaderCssClass in Accordion
|
<%@ 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 HeaderCssClass - How to use HeaderCssClass in Accordion</title>
<style type="text/css">
.HeaderCSS
{
color:
AliceBlue;
background-color:
DodgerBlue;
font-size:
large;
border:
solid 1px CornFlowerBlue;
font-style:
italic;
font-family:
Comic Sans MS;
height:
30px;
}
.HeaderSelectedCSS
{
color:
Snow;
background-color:
SlateBlue;
font-weight:
bold;
height:
25px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2 style="color: Crimson; font-style:
italic;">
Ajax Accordion Example: Using
HeaderCssClass</h2>
<hr width="450" align="left" color="Salmon" />
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:Accordion runat="server" ID="Accordion1" HeaderCssClass="HeaderCSS" HeaderSelectedCssClass="HeaderSelectedCSS"
Width="500" BorderColor="CornflowerBlue" BorderWidth="2">
<Panes>
<cc1:AccordionPane runat="server" ID="AccordionPane1">
<Header>
Red Flower</Header>
<Content>
<asp:Image ID="Image1"
runat="server"
ImageUrl="~/Images/RedFlower.gif"
Height="400"
/>
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane runat="server" ID="AccordionPane2">
<Header>
Yellow Flower</Header>
<Content>
<asp:Image ID="Image2"
runat="server"
ImageUrl="~/Images/YellowFlower.jpg"
Height="400"
/>
</Content>
</cc1:AccordionPane>
<cc1:AccordionPane runat="server" ID="AccordionPane3">
<Header>
Upload Flower Image</Header>
<Content>
<asp:Panel ID="Panel1"
runat="server"
Height="200">
<br />
<br />
<asp:FileUpload ID="FileUpload1" runat="server" ForeColor="Snow" BackColor="OrangeRed"
Font-Size="Large"
BorderWidth="1"
BorderColor="SaddleBrown"
Font-Italic="true"
Font-Names="Comic Sans
MS" />
<asp:Button ID="Button1"
runat="server"
Font-Bold="true"
ForeColor="OrangeRed"
Text="Upload
Now"
Height="40"
/>
</asp:Panel>
</Content>
</cc1:AccordionPane>
</Panes>
</cc1:Accordion>
</div>
</form>
</body>
|
0 comments :
Post a Comment