Search This Blog

Monday, December 27, 2010

Accordion

<style>
.accordionHeaderWO
{
border: 1px solid #2F4F4F;
color:#FFF;
background-color: #7D1514;
font-size: 12px;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}
.accordionContent
{
background-color: White;
padding: 5px;
padding-top: 10px;
}
.accordionLink
{
background-color: #D3DEEF;
color: white;
}
<style>

----------------------
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<cc1:Accordion ID="Accordion1" runat="server" SelectedIndex="0" HeaderCssClass="accordionHeaderWO"
ContentCssClass="accordionContent" FadeTransitions="true" TransitionDuration="250"
FramesPerSecond="40" AutoSize="None" RequireOpenedPane="true">
<Panes>
<cc1:AccordionPane ID="AccordionPane1" runat="server">
<Header> Rejected Vendor Information</Header>
<Content>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</Content>
</cc1:AccordionPane>

<cc1:AccordionPane ID="AccordionPane2" runat="server">
<Header>
Comments
</Header>
<Content>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</Content>
</cc1:AccordionPane>

</Panes>
</cc1:Accordion>
</div>
</form>

No comments:

Post a Comment