Saturday, September 14, 2013

Adding/using accordian in VS2010

Creating according requires following steps to be followed
a) downlaod ajax control kit dll .
b)add ajax control kit in toolbox

now add script manager
<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>



 add accordian control
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    </asp:UpdatePanel>
<asp:Accordion ID="Accordion1" runat="server" RequireOpenedPane="false" HeaderSelectedCssClass="accordionHeaderSelected" SelectedIndex="0" AutoSize="None" FadeTransitions="true" TransitionDuration="300" FramesPerSecond="25" Height="500px">
<Panes>
<asp:AccordionPane ID="Pane1" runat ="server" HeaderCssClass="accordionHeader" >

<Header >
<b>This is a header</b>


</Header>
<Content>

This is content1. just  created for ajax testing
</Content>

</asp:AccordionPane>

<asp:AccordionPane ID="pane2" runat="server" HeaderCssClass="accordionHeader" >
<Header>
<b>This is a header2</b>
</Header>
<Content>
This is Content2.
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>

run the solution

screenshot shown below

No comments:

Post a Comment